@import url(reset.css);
@import url(navigation.css);
@import url(datatable-skin.css);
@import url(gallery.css);

body 
{
	font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
	background: #ebebeb url(../images/body_bg.jpg) repeat;	
	margin: 0px;
	color: #666;
	min-width: 900px;
}

/* wait cursor */
.wait *
{
	cursor: wait;
}

#busy
{
	position:absolute;
	top:0;
	left:0;
	background: gray;
	height: 100%;
	width:100%;
	display:block;
	opacity: 0.2;
	z-index: 1000;
}

h1
{
	font-weight: bold;
	font-size: 2.2em;
	margin: 10px 0 20px 0;
	color: #444;
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
	padding: 10px 40px;
}

/* Login */
#login_form
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#85b6dd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#85b6dd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  white,  #85b6dd); /* for firefox 3.6+ */
	
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0, .4);
	box-shadow: 3px 3px 3px rgba(0,0,0, .4);
	width:300px;
	padding : 10px;
	border-radius: 1em 1em 1em 1em;
	-webkit-border-radius:  1em 1em 1em 1em;
	-moz-border-radius:  1em 1em 1em 1em;
	border: 1px solid #666;
	padding : 20px;
	display:block;
}

input[type="text"], textarea
{
	padding : 2px;
}

#login_form input[type="text"],
#login_form input[type="password"]
{
	width :230px;
	border: 1px solid #888;	
	padding : 2px;
}

h2
{
	font-size: 1.5em;
}
	
	
#login_form h2
{
	text-align:center;
	color: #2D3C6B;
}

#login_form ul
{
	width:250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#login_form li
{
	padding : 2px 5px;	
	color: #222;
}

	
#nav_wrapper
{
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
	display:block;
	background: #2d3c6b; /*#2076a2 url(../images/gradient.png) repeat-x 0 -110px;*/	
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0, .4);
	box-shadow: 0px 1px 0px rgba(0,0,0, .4);
	border-bottom: 1px solid #000000;
}	

#content
{
	padding : 10px;
	width:auto;
	display:block;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #FFFFFF;
	overflow: auto;
}

#footer
{
	display:block;	
	overflow:auto;
	padding: 10px;
	
	background-color: #666666;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #666,  #444); /* for firefox 3.6+ */
	
	border-top: 1px solid #444;
	color: #dedede;
	
	font: 12px Arial,Helvetica,sans-serif;
	font-weight : bold;
	
	text-shadow: 0 1px 1px rgba(0,0,0, 1);
}

#footer a:link
{
	
	color: #dedede;
	text-decoration: none;
	margin-left: 20px;
	padding: 5px 15px;
}

#footer a:hover
{
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	border-top: 1px solid #777;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color:#8ed8ff;	
	background: #444;
}	

#groups_filter
{
	padding: 5px;
	border : 1px solid gray;
	/*border-bottom : 0px;*/
	margin : 0px;
	margin-bottom: 10px;
	background-color: #93bcd2;
	color: black;
}

#groups_filter input, #groups_filter select
{	
	/*border-bottom: 1px solid gray;
	border-left : 1px solid gray;
	border-right : 1px solid #b2d5e7;
	border-top: 1px solid #b2d5e7;*/
	border: 1px solid gray;
	padding : 2px;
	width: auto;
}

pre
{
	font: normal 1em Arial, Helvetica, sans-serif;
}

.input-wrapper
{
	padding: 2px;
	border: 1px solid gray;
	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
	background-color:white;
	
	/* may need to be removed*/
	display:inline;
}

.input-wrapper select, .input-wrapper input[type="text"]
{
	border : 0px;	
}

.table-top-button
{
	color : white;
	
	font: 13px Arial,Helvetica,sans-serif;
	font-weight:bold;
	
	text-decoration:none;
	
	border-radius: 1em 1em 0em 0em;
	-webkit-border-radius:  1em 1em 0em 0em;
	-moz-border-radius:  1em 1em 0em 0em;
	
	border-left : 1px solid gray;
	border-right : 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 0px solid gray;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .6);
	
	padding : 4px 15px;
	background: #93bcd2;
	cursor:pointer;
}

.table-top-button:hover
{
	color: #444;
	background-color: white;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

.action-button
{
	float:right;
	margin: 0px 0px 0px 5px;
}

/* Data Lists */

dl
{
	display:block;
	overflow: hidden;
}

dt
{
 	clear : both;
	float : left;
	min-width : 150px;
	padding : 1px 20px 1px 5px;
	font-style: italic;
	margin-right: 5px;
}

dd
{
	padding : 1px 5px;
}

/**/
#resource_details dt, #resource_details dd
{
	padding: 5px;
}

#resource_details dd
{
	border-bottom: 1px dashed lightgray;
}

dt img
{
	vertical-align:middle; 
	float:right;
}

dt.mandatory
{
	background: url(../images/bullet_star.png) right center no-repeat;	
}

dt em img
{
	float:left;
}

.section_header
{
	font-weight: bold;	
	margin :10px 0 0 0;
	width: 100%;
	background-color: #DCEBFD;
	padding: 3px 5px !important;
	border-bottom: 1px solid #a2b8d4;
	font-style: normal;
	float:none !important;
}

dd input, dd select, dd textarea
{
	border: 1px solid gray;	
}

.warning
{
	color : #742a2a;	
}

table
{
	width:100% !important;
}

th
{
	text-align:left;
}

.non-yui-dt caption
{
	text-align: left;
	border-bottom : 1px solid #d2d2d2;
	padding: 5px 5px 5px 0;
}
	
.non-yui-dt th
{	 
	 border-bottom: 1px solid gray;
	 padding: 5px 5px 5px 0;
	 color: #444;
}

.non-yui-dt td
{
	border-bottom : 1px dashed #d2d2d2;
	padding: 5px 5px 5px 0;
}

.non-yui-dt
{
	border-collapse: collapse;
}

.actions
{
	display: block;
    overflow: hidden;
    padding: 10px 0;
}
	
	
/* chart */
.chart
{
	margin: 20px 0;
	border: 1px solid gray;	
}	
		
/* SEARCH */
#search
{
	display: inline-block;
	background-color: #2d3c6b;
	border-radius: 8px 8px 0px 8px;
	-webkit-border-radius: 8px 8px 0px 8px;
	-moz-border-radius: 8px 8px 0px 8px;
	float:left;
	margin: 0;
    width: 100%;
}

#search div
{
	margin: 5px 10px;
	display:inline;
	float: left;
	color: white;
}

#search input[type="text"]
{
	border: 2px solid transparent;
	width: 100%;
}

#search .input-wrapper
{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    border-color: #2D3C6B;
    display: block;
    float: left;
    margin:2px;
    padding-left: 25px;
    background: #ffffff url(../images/magnifier.png) 5px center no-repeat;
}

#search .input-wrapper li
{
	display:inline;	
	float:left;
}

#search .paginator-results
{
    color: #FFFFFF;
    display: block;
    float: right;
    overflow: hidden;
    text-align: right;
}

/* BOX LIST */

ul.box h3
{
	display:block;
	border-color: #2d3c6b;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	background-color: ;
	color: #fff;
	padding: 6px 10px;
	text-decoration: none;
	border-bottom : 1px solid black;
	background: #2d3c6b;	
}

ul.box li ul
{
	border-left : 1px solid #888888;
	border-right : 1px solid #888888;
	border-bottom: 1px solid #888888;
	padding: 5px 0;
	border-radius: 0px 0px 0px 8px;
	-webkit-border-radius: 0px 0px 0px 8px;
	-moz-border-radius: 0px 0px 0px 8px;
	background-color:#fff;
	max-height: 300px;
	overflow: auto;
	overflow-x: hidden; 
}

ul.box ul li
{
	/*padding-left : 10px; 	*/
}

ul.box ul li a:link
{
	display:block;
	text-decoration: none;
	/*padding-left : 10px;
	padding-right : 30px;*/
	padding: 2px 30px 2px 10px;
}

ul.box ul li input[type="radio"]
{
	float:right;	
	margin: 2px 10px;
}

ul.box ul li a:hover
{
	background-color: #ddebff;
}
	

/* Schemas */
#left
{
	width: 20%;
	float:left;	
	color: #000;
	padding : 0px;
	clear:both;
	display:block;
	margin: 10px 0px;
}

/* Facet filter */

#facet_filter
{
	width: 20%;
	float:left;	
	color: #000;
	padding : 0px;
	clear:both;
	display:block;
	margin: 10px 0px;
}

#facet_filter a:link
{
	display:block;
	border-color: #2d3c6b;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	background-color: ;
	color: #fff;
	padding: 6px 10px;
	text-decoration: none;
	border-bottom : 1px solid black;
	background: #2d3c6b url(../images/arrow-up.png) right center no-repeat;
}

#facet_filter a:hover
{
	background: #2d3c6b url(../images/arrow-up-active.png) right center no-repeat;
}

#facet_filter a.active
{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #2d3c6b url(../images/arrow-right.png) right center no-repeat;
	border-bottom : 1px solid transparent;
}

#facet_filter a.active:hover
{
	background: #2d3c6b url(../images/arrow-right-active.png) right center no-repeat;
}

#facet_filter li
{
	position: relative;
	white-space:nowrap;	
	overflow:hidden;
	margin : 0 0 10px 0;
}

#facet_filter li.active
{
	font-weight: bold;
}
	
#facet_filter li li
{
	padding : 1px 9px;
	color: #444;
	cursor : pointer;
	overflow: hidden;
	margin : 0px;
	font-size: 0.9em;
}

#facet_filter li ul
{
	border-left : 1px solid #888888;
	border-right : 1px solid #888888;
	border-bottom: 1px solid #888888;
	padding: 5px 0;
	border-radius: 0px 0px 0px 8px;
	-webkit-border-radius: 0px 0px 0px 8px;
	-moz-border-radius: 0px 0px 0px 8px;
	background-color:#fff;
	max-height: 300px;
	overflow: auto;
	overflow-x: hidden; 
}

#facet_filter li li:hover, #facet_filter li li:hover span
{
	background-color: #ddebff;
	color: #000;
}

.facet_value
{
	overflow: hidden;
}

.facet_count
{
	background-color: #FFFFFF;
	display: inline;
    overflow: hidden;
    padding: 0 5px 0 5px;
    position: absolute;
    right: 0;
}

#facet_filter li li.active .facet_count
{
	padding: 0 25px 0 5px;
	background: #fff url(../images/table/cross-passive.png) right center no-repeat;
}

#facet_filter li li.active:hover .facet_count
{
	background: #ddebff url(../images/table/cross.png) right center no-repeat;
}

.pagination_links
{
	 padding : 0 !important;
	 float:right;
}

.facet_links a:link
{
	text-decoration: underline;
}

.facet_links a:hover
{
	 text-decoration: none;
	 text-decoration: line-through !important;
	 color:black !important;
}

.facet_links
{
	 background-color: lightyellow;
     border: 1px dotted gray;
     margin: 0 0 0 -6px;
     padding: 2px 5px;
     color: green;
}

#special
{
	display: block;
    margin-left: 20%;
    overflow: hidden;
    width: 80%;
}
	
/* RESULTS */

#results
{	
	color: #444;	
}

#results .result-item
{
	display:block;
	border-top : 1px solid #999999;	
	margin: 0 0 0 20px;
	overflow:hidden;
}

#results .item-num, #results .item-img
{
	padding : 5px;
	float:left;
}

#results .item-data
{
}

#results .item-img
{
	min-height:120px;
	min-width: 155px;
	background: url(../images/image_missing.png) center no-repeat;
	border-left: 1px solid lightgray;
}

#results .item-img img
{
	height:120px;
	width: 155px;
}

#results .item-data-tabs, #results .item-data-area
{
	display: block;
    width: 100%;
    border-left: 1px solid lightgray;
}

#results .item-data-area
{
	overflow: auto;
}
 
#results .item-data-area dl, #results .item-data-area ul
{
	padding: 5px 10px;
}

#results .item-data-area dd
{
	padding-left: 180px;
}

#results .item-data-tabs a:link
{
	color: #444;
	display:inline;
	float:left;	
	padding : 5px;
	background: transparent;
	width : 100px;
	text-align : center;
	border-left: 1px solid transparent;
	border-right: 1px solid lightgray;
	border-top: 0px;
	border-bottom: 1px solid lightgray;
	text-decoration:none;
}

#results .item-data-tabs a:hover
{
	/* Fallback for web browsers that doesn't support RGBa */ 
	background: #fff;   
	background: rgba(255, 191, 0, 0.4); /* transparent color */

	background: transparent\9; /* clear solid background for ie - note \9 is a hack so that non ie browers ignore it*/

	zoom:1; /* required for the ie filters */
	
	/* For IE 5.5 - 7 */ 
	/* First two digits of the color values are the alpha level (99 = 0.6 opacity and 66 = 0.4 opacity) */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffbf00, endColorstr=#66ffbf00)"; /* IE8 */
	/* For IE 8 */    
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffbf00, endColorstr=#66ffbf00); /* IE5.5-7 */
}

#results .item-data-tabs span
{
	border-bottom: 1px dashed lightgray;
    border-top: 0px solid transparent;
    display: block;
	padding: 5px 10px 5px 0;
    text-align: right;
    margin-left: 222px; /* Each link is 100 (width) + 10 (padding) + 2 (border) */
}	

#results .item-data-tabs a.active
{
	background: transparent;
	border-bottom: 1px solid #f6f6f6;
}

#results .item-data-tabs a.active:hover
{
	color: #444;
}

#results .tab-errors
{
	color: #742a2a !important;	
}

.opaqueWhite
{
	/* Fallback for web browsers that doesn't support RGBa */ 
	background: #fff;   
	background: rgba(255, 255, 255, 0.4) !important; /* transparent color */

	background: transparent\9; /* clear solid background for ie - note \9 is a hack so that non ie browers ignore it*/

	zoom:1; /* required for the ie filters */
	
	/* For IE 5.5 - 7 */ 
	/* First two digits of the color values are the alpha level (99 = 0.6 opacity and 66 = 0.4 opacity) */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff)" !important; /* IE8 */
	/* For IE 8 */    
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff) !important; /* IE5.5-7 */
}

.opaqueWhite60
{
	/* Fallback for web browsers that doesn't support RGBa */ 
	background: #fff;   
	background: rgba(255, 255, 255, 0.6) !important; /* transparent color */

	background: transparent\9; /* clear solid background for ie - note \9 is a hack so that non ie browers ignore it*/

	zoom:1; /* required for the ie filters */
	
	/* For IE 5.5 - 7 */ 
	/* First two digits of the color values are the alpha level (99 = 0.6 opacity and 66 = 0.4 opacity) */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)" !important; /* IE8 */
	/* For IE 8 */    
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff) !important; /* IE5.5-7 */
}

.opaqueBlue
{
	/* Fallback for web browsers that doesn't support RGBa */ 
	background: #fff;   
	background: rgba(151, 210, 255, 0.4) !important; /* transparent color */

	background: transparent\9; /* clear solid background for ie - note \9 is a hack so that non ie browers ignore it*/

	zoom:1; /* required for the ie filters */
	
	/* For IE 5.5 - 7 */ 
	/* First two digits of the color values are the alpha level (99 = 0.6 opacity and 66 = 0.4 opacity) */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#6697d2ff, endColorstr=#6697d2ff)" !important; /* IE8 */
	/* For IE 8 */    
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6697d2ff, endColorstr=#6697d2ff) !important; /* IE5.5-7 */
}
	
	
/* PAGINATOR */

#paginator-top
{
	margin-top : 10px;
	overflow : auto;
	display : block;
	margin-left : 20px;
	padding: 6px;
}

#paginator-bottom
{
	display:block;	
	margin-left: 20px;
	margin-bottom : 20px;
	overflow: auto;
}

#paginator-bottom span
{
	display:block;	
	padding: 6px;

}

#paginator-bottom a:link, #paginator-top a:link
{
	color: black;/* #666;*/
	display:inline;
	text-decoration: none;
}

#paginator-bottom a:hover, #paginator-top a:hover
{
	color: orange;
}

#paginator-top .pg-next		{ 	padding: 5px 25px 5px 5px; background: url(../images/pagination/arrow-right.gif) right center no-repeat; margin: 0 10px;}
#paginator-top .pg-previous {	padding: 5px 5px 5px 25px; background: url(../images/pagination/arrow-left.gif) left center no-repeat; margin: 0 10px;}
#paginator-top .pg-first	{	padding: 5px 5px 5px 25px; background: url(../images/pagination/arrow-left-end.gif) left center no-repeat; margin: 0 10px;}
#paginator-top .pg-last		{	padding: 5px 25px 5px 5px; background: url(../images/pagination/arrow-right-end.gif) right center no-repeat; margin: 0 0 0 10px;}

	
/* Schema */
legend
{
	padding : 10px;
}

fieldset
{
	border: 5px solid black;	
	padding : 20px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-left: 20px;
}

fieldset fieldset
{
	border: 3px solid gray;
	margin-left: 0;
}

/* TREE */
#tree_cont
{
	background: #ffffff !important;
	margin : 10px 20px;
	border: 1px solid gray;
	padding: 10px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

/* SCHEMA */

#schema_form input
{
	width: 100% !important;
}

	/*padding : 10px;
		border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
		border: 1px solid gray;
		background-color : white;*/

em
{
	background-color: lightyellow;
    border: 1px dashed orange;
    display: block;
    padding: 5px;
    width: 100%;
}


/* AUGMENTATION */
#augment_resource
{
	display:block;
}

#augment_resource form dd:hover
{
	background-color: lightyellow;
	cursor: pointer;
	
}

#augment_resource form input[type="text"], #augment_resource form textarea
{
	border: 1px solid #ededed;
	background: transparent;
	width: 90%;
}

#augment_resource dd.mandatory input[type="text"], #augment_resource dd.mandatory textarea
{
	border: 1px solid #ffc5c5;
	background-color: #ffd2d2 !important;
}

#augment_resource form dd:hover input[type="text"], #augment_resource input[type="text"]:focus, #augment_resource form dd:hover textarea, #augment_resource form textarea:focus
{
	border-color: orange !important;
	background-color:white;
}

#augment_resource dt, #augment_resource dd
{
	padding-top: 5px;
	padding-bottom: 5px;
}

#augment_resource dd
{
	border-bottom: 1px dashed lightgray;
	padding-left: 180px;
}

/* MEDIA SCHEMA COMPONENT */

a.media_link:link
{
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px 25px 2px 5px;
	background: #fff url(../images/table/cross-passive.png) center right no-repeat;
	border: 1px solid lightgray;
	text-decoration : none;
	display:inline-block;
	white-space:nowrap;
}

a.media_link:hover
{
	background: #ddebff url(../images/table/cross.png) right center no-repeat;
	border-color: orange;
}

/* USER PERMISSIONS */
#user_permissions table th, #user_permissions table td
{
	text-align: center;
	border-bottom: 1px solid gray;
	padding : 5px;
}

#user_permissions table th:first-child, #user_permissions table td:first-child
{
	text-align: left;
}

/* Password Strength */
#passwordStrength { height:10px; display:block; float:left; }
.strength0 { width:200px; background:#cccccc; }
.strength1 { width:50px; background:#ff0000; }
.strength2 { width:100px; background:#ff5f5f; }
.strength3 { width:140px; background:#56e500; }
.strength4 { background:#4dcd00; width:170px; }
.strength5 { background:#399800; width:200px; }


/* MESSAGE WIDGET */

#messageQueue
{
	width: 50%;
	position: absolute;
	right: 10px;
	top: 65px;
	z-index: 499;
	padding: 10px;	
	background-color: #444;
	color:white;
	border: 1px solid #222;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#messageQueue ul li
{
	display:none;
}

#messageQueue:hover ul li
{
	display: list-item;
}

#messageQueue ul li:first-child
{
	display: list-item;
}	

#messageQueue:hover
{
	background-color: #666;
}	

#messageQueue:hover ul li:nth-child(-n +10)
{
	display: list-item;
}	

#messageQueue ul li:nth-child(1){color:#fff;}
#messageQueue ul li:nth-child(2){color:#fff;}
#messageQueue ul li:nth-child(3){color:#e7e7e7;}
#messageQueue ul li:nth-child(4){color:#dddddd;}
#messageQueue ul li:nth-child(5){color:#dddddd;}
#messageQueue ul li:nth-child(6){color:#d1d1d1;}
#messageQueue ul li:nth-child(7){color:#d1d1d1;}
#messageQueue ul li:nth-child(8){color:#c3c3c3;}
#messageQueue ul li:nth-child(9){color:#c3c3c3;}
#messageQueue ul li:nth-child(10){color:#b6b6b6;}/*display:none !important;}*/

#messageQueue:hover ul li:nth-child(n +10)
{
	display: none;
}	

.highlighter 
{
	color: #fff499 !important;
}

/* Management */

#messages, #errors
{
	height: 300px;
	float:right;
	clear:both;
	display:block;
	width:45%;
	overflow:auto;
}

#messages ul ul, #errors ul ul
{
	height:200px;	
	padding: 5px;
} 

#mgmt
{	
	height: 520px;
	width: 50%;
}

#republish_form input[type="radio"]
{
	float:none !important;
}


.filter_cont
{
	background-color: #93bcd2;
	border-radius: 0em 1em 1em 0em;
	-webkit-border-radius:  0em 1em 1em 0em;
	-moz-border-radius:  0em 1em 1em 0em;
	padding: 10px 2px 10px 0px;
	margin: 10px 0;
	display: inline-block;
	color: white;
	font-weight: bold;
}

.filter_cont label
{
	padding: 0 10px;	
}

.type_filter
{
	padding: 10px;
	background-color: #2d3c6b;
	border-radius: 0em 1em 1em 0em;
	-webkit-border-radius:  0em 1em 1em 0em;
	-moz-border-radius:  0em 1em 1em 0em;
}

.context_filter
{
	padding: 10px;
	border-radius: 1em 1em 1em 1em;
	-webkit-border-radius:  1em 1em 1em 1em;
	-moz-border-radius:  1em 1em 1em 1em;
}

/*active resource change this to vary width of rh highlight panel;*/
#active_resource
{
    display: block;
    height: 100%;
    margin-left: 65%;
    width: 35%;	
}

#active_resource div:first-child
{
	margin: 5px 0 5px 10px;
	background-color:#444;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius:  8px 8px 8px 8px;
	padding: 5px 5px 10px 5px;
	overflow:hidden;
}

#active_resource h2, #active_resource h3
{
	color: white;	
	padding: 5px;
	text-shadow: 0 1px 1px rgba(0,0,0, 1);
}

#active_resource h2:hover
{
	color:orange;
	cursor:pointer;
}
	
#active_resource h3
{
	font-weight: bold;
	text-align: left; 
	clear: both;
}

#active_resource p
{
	color: lightgray;
	margin: 0 5px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
}

#active_resource ul
{
	color: lightgray;
	margin: 5px;
	overflow: auto;
	height: 104px;	
	padding-right: 1px;
}

#active_resource img
{
	border: 1px solid #222;	
	padding : 0px;
	margin: 5px;
	float:left;
}

#active_resource li
{
	background-color: #555;
	border: 1px solid #999;
	margin-bottom: 1px;	
	padding: 2px 5px;
	font-size: 10px;
}

#active_resource li:hover
{
	background-color: #666;
	border: 1px solid lightgray;
	cursor:move;
}

.dropzone
{
	width: auto;
	height: 100px;	
	background: transparent url(../images/target.png) center center no-repeat;
	margin: 5px;
	border: 1px solid transparent;
	padding: 5px;
}

.dropzone:hover, .dropzone_hover
{
	background: #555 url(../images/target_hover.png) center center no-repeat;
	border: 1px solid #666;
}

#active_resource .del
{
	text-decoration: none;
	font-weight: bold;
	border: 1px solid gray;
	float:right;
	padding: 1px 3px;
	margin: 0px;
	line-height : 14px;
	margin: 1px 0;
}

#active_resource .del:hover
{
	color: red;
	background-color:black;
}

#linked_objects
{	
	list-style-type: none;
}

#active_resource .ui-state-highlight
{
	height: 20px;
	background: transparent url(../images/diagonal_stripe_bg.png) top left;
}

#search_cont
{
	float:left;
	width: 65%;
}

#active_resource .preview_thumb
{
	height: 50px;
	border: 1px solid #222;
}

#active_resource .preview_thumb:hover
{
	border: 1px solid orange;
}


#active_resource dl
{
	max-height: 300px;
	overflow: auto;	
}
	
#active_resource dt 
{
	min-width : 100px !important;
	padding-left: 0px !important;
}

#active_resource dd 
{
	padding-left : 140px !important;
}

#active_resource .info
{
	border: none;
	padding-left: 20px;
	background: transparent url(../images/icons/information.png) center left no-repeat;
	margin: 20px;
}

/* WIZARD */

#dialog-wizard-form div
{
	height: 470px;
	position: relative;
}

#dialog-wizard-form span.nav
{
	position: absolute;
	bottom: 0;
	width: 100%;
	display:block;
}

#dialog-wizard-form h1
{
	height:60px;
	display:block;
	padding: 0px;
}

#dialog-wizard-form h2
{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight:bold;
}

#stage-1 h1
{
	background: transparent url(../images/wizard.png) 0px 0px no-repeat;
}

#stage-2 h1
{
	background: transparent url(../images/wizard.png) 0px -120px no-repeat;
}

#stage-2-success h1, #stage-2-fail h1
{
	background: transparent url(../images/wizard.png) 0px -180px no-repeat;
}

#stage-3-image h1, #stage-3-other h1
{
	background: transparent url(../images/wizard.png) 0px -240px no-repeat;
}

#stage-4 h1, #stage-4-success h1, #stage-4-fail h1
{
	background: transparent url(../images/wizard.png) 0px -300px no-repeat;
}

#stage-5 h1
{
	background: transparent url(../images/wizard.png) 0px -360px no-repeat;
}

#stage-5-fail h1
{
	background: transparent url(../images/wizard.png) 0px -420px no-repeat;
}

#stage-5-success h1, #stage-6 h1
{
	background: transparent url(../images/wizard.png) 0px -480px no-repeat;
}


#stage-1 select
{
	width: 396px;
}

.attach_preview img
{
	max-height: 150px;
}
.attach_preview, .format_details
{
	height: 200px;
	margin: 10px 0;
}