/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
select{
	font-size:11px;
}
.image-tip{
	padding:4px;
	height:98px;
	white-space:nowrap;
}
.image-tip img {
	margin-right:10px;
	border:2px solid #083772;
}
.image-tip b{
	color: #083772;
	display: block;
	margin-bottom: 4px;
}
.image-tip span{
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}
#pnl_RecipePicture{
	background: #fff url(../images/organizer/center-bg.gif) repeat-x top left;
	font: 11px Arial, Helvetica, sans-serif;
}
#pnl_RecipePicture .thumb{
	background: #dddddd;
	padding:3px;
	width : 172px;	
}
#pnl_RecipePicture .thumb img{
	border:1px solid white;
	height: auto;
	width: 170px;
}

#pnl_RecipePicture .thumb-wrap{
	float: left;	
}
#pnl_RecipePicture .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}
#pnl_RecipePicture .x-view-selected .thumb{
	background:#8db2e3;
}
#pnl_RecipePicture .loading-indicator {
	font-size:8pt;
	background-image:url(../images/organizer/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

.thumb{
	background: #dddddd;
	padding:3px;
	width : 172px;	
}
.thumb img{
	border:1px solid white;
	width: 170px;
	height: auto;
}

.thumb-wrap{
	float: left;
}

/* THUMB MAX WIDTH 200px */
.thumb-max-width-200{
	background: #dddddd;
	padding:3px;
	max-width : 200px;	
}
.thumb-max-width-200 img{
	border:1px solid white;
	max-width: 200px;
	max-height: 200px;
}
.thumb-max-width-200-wrap{
	float: left;
}

/* THUMB MAX WIDTH 300px */
.thumb-max-width-300{
	background: #dddddd;
	padding:3px;
	max-width : 300px;	
}
.thumb-max-width-300 img{
	border:1px solid white;
	max-width: 300px;
	max-height: 200px;
}
.thumb-max-width-300-wrap{
	float: left;
}

/* THUMB MAX WIDTH 350px */
.thumb-max-width-350{
	background-color:transparent; /* #dddddd;*/
    border:2px solid #dddddd;
	/*padding:3px;*/
	max-width : 350px;
}
.thumb-max-width-350 img{
	border:1px solid white;
	max-width: 350px;
	max-height: 200px;
}
.thumb-max-width-350-wrap{
	float: left;
}


/* THUMB MAX WIDTH 200px HEIGHT 128px */
.thumb-max-width-200-height-128{
	background: #dddddd;
	padding:3px;
	max-width : 200px;	
	max-height : 128px;
}
.thumb-max-width-200-height-128 img{
	border:1px solid white;
	max-width: 200px;
	max-height : 128px;
}
.thumb-max-width-200-height-128-wrap{
	float: left;
}

/* THUMB WRAP FIT BY WIDTH */

#images{
	background: #fff url(../images/organizer/center-bg.gif) repeat-x top left;
	font: 11px Arial, Helvetica, sans-serif;
}
#images .thumb{
	background: #dddddd;
	padding:3px;
	width : 172px;	
}
#images .thumb img{
	border:1px solid white;
	height: auto;
	width: 170px;
}
#images .thumb-wrap{
	float: left;	
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

#images .x-view-selected .thumb{
	background:#8db2e3;
}

#images .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

/* THUMB WRAP FIT BY WIDTH (USING CSS CLASS)*/
.thumbImage {
    background: #fff url(../images/organizer/center-bg.gif) repeat-x top left;
	font: 11px Arial, Helvetica, sans-serif;
}
.thumbImage .thumb{
	background: #dddddd;
	padding:3px;
	width : 172px;	
}
.thumbImage .thumb img{
	border:1px solid white;
	height: auto;
	width: 170px;
}
.thumbImage .thumb-wrap{
	float: left;	
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

.thumbImage .x-view-selected .thumb{
	background:#8db2e3;
}

.thumbImage .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

/* THUMB WRAP FIT BY HEIGHT */

#images .thumb-fit-height{
	background: #dddddd;
	padding:3px;
	height: 152px;
}
#images .thumb-fit-height img{
	border:1px solid white;	
	width: auto;
	height: 150px;
}
#images .thumb-wrap-fit-height{
	float: left;	
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

#images .x-view-selected .thumb-fit-height{
	background:#8db2e3;
}

#images .thumb-wrap-fit-height span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#images .loading-indicator {
	font-size:8pt;
	background-image:url(../images/organizer/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

/* THUMB WRAP FIT BY HEIGHT (USING CSS CLASS)*/
.thumbImage .thumb-fit-height{
	background: #dddddd;
	padding:3px;
	height: 152px;
}
.thumbImage .thumb-fit-height img{
	border:1px solid white;	
	width: auto;
	height: 150px;
}
.thumbImage .thumb-wrap-fit-height{
	float: left;	
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

.thumbImage .x-view-selected .thumb-fit-height{
	background:#8db2e3;
}

.thumbImage .thumb-wrap-fit-height span{
	display: block;
	overflow: hidden;
	text-align: center;
}

.thumbImage .loading-indicator {
	font-size:8pt;
	background-image:url(../images/organizer/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
/*************************************************************************/
/* Recipe category view data */
/*************************************************************************/
#pnl_RecipeCategoryViewData .thumb-fit-height{
	background: #dddddd;
	padding:3px;
	height: 152px;
}
#pnl_RecipeCategoryViewData .thumb-fit-height img{
	border:1px solid white;	
	width: auto;
	height: 150px;
}
#pnl_RecipeCategoryViewData .thumb-wrap-fit-height{
	float: left;	
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

#pnl_RecipeCategoryViewData .x-view-selected .thumb-fit-height{
	background:#8db2e3;
}

#pnl_RecipeCategoryViewData .thumb-wrap-fit-height span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#pnl_RecipeCategoryViewData .loading-indicator {
	font-size:8pt;
	background-image:url(../images/organizer/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
/*************************************************************************/
/* Recipe view data */
/*************************************************************************/
#pnl_RecipeViewData .thumb-fit-height{
	background: #dddddd;
	padding:3px;
	height: 152px;
}
#pnl_RecipeViewData .thumb-fit-height img{
	border:1px solid white;	
	width: auto;
	height: 150px;
}
#pnl_RecipeViewData .thumb-wrap-fit-height{
	float: left;	
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

#pnl_RecipeViewData .x-view-selected .thumb-fit-height{
	background:#8db2e3;
}

#pnl_RecipeViewData .thumb-wrap-fit-height span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#pnl_RecipeViewData .loading-indicator {
	font-size:8pt;
	background-image:url(../images/organizer/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

.x-dd-drag-proxy .multi-proxy .thumb-img{
	height: 20px;
	width: 30px;
	margin:1px;
}
.x-dd-drag-proxy .thumb-img{
	height: 60px;
	width: 80px;
}
.image-node .x-tree-node-icon{
    margin-bottom:1px;
    height:15px;
}
.album-node .x-tree-node-icon, .album-btn{
    background-image:url(../images/organizer/album.gif) !important;
}
#folders{
	position:relative;
}