/* CSS Document */


/* Static/NoCSS Rules */

#HiddenDiv
{
	display: none;
}

.PixelImage
{
	width: 100%;
	height: 100%;
}

.NoCSSColumnSpacer
{
	display: none;
}



/*Information Control related styles*/

#IC
{
	width: 720px;
	clear:both;
	float: left;
}

#ICCont
{
	width: 720px;
	float: left;
	min-height: 200px;
}

#IClsbg
{
	width: 740px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffff;
	height: 100%;
	opacity: 0.75;
	filter: alpha(opacity=75);	
}

#ICls
{
	width: 740px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: center;
	height: 100%;
}

#ICls .loading
{	
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #CCCCCC;
	width: 200px;
	margin: auto;
	margin-top: 25px;
}





/*Column Browser Div Styles*/

#ColumnBrowser
{
	width: 100%;
	height: 197px;;
	overflow: hidden;	
}

#ColumnBrowserMinimised
{
	width: 100%;
	height: 25px;;
	overflow: hidden;	
}


/*the column browser header, includes the breadcumb, and any links*/

#ColumnBrowserHeader
{
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

#ColumnBrowserHeader .breadcrumb
{
	float: left;
	margin-left: 10px;
	width: 620px;
}

#ColumnBrowserHeader .resetSliceBtn, .loadSliceBtn
{
	float: left;
	margin-right: 5px;	
	background-position: center center;
	background-repeat: no-repeat;
	height: 25px;
	width: 15px;
}

#ColumnBrowserHeader .resetSliceBtn
{
	background-image: url(../pics/ColumnBrowser/reset_btn.gif);
}

#ColumnBrowserHeader .loadSliceBtn
{
	background-image: url(../pics/ColumnBrowser/defaultslice_btn.gif);
}


#ColumnBrowserHeader div.float
{
	float:left;
	padding-right: 3px;
}

#ColumnBrowserHeader div.more
{
	float:left;
	padding-left: 3px;
	color: #A2BBD5;
	font-weight:normal;
	cursor:pointer;
}

#ColumnBrowserHeader div.colname
{
	float:left;
	color: #A2BBD5;
	font-weight:normal;
	cursor:pointer;
}

#ColumnBrowserHeader div.leftBracket
{
	float:left;
	padding-left: 3px;
	color: #A2BBD5;
	font-weight:normal;
}

#ColumnBrowserHeader div.rightBracket
{
	float:left;
	padding-right: 3px;
	color: #A2BBD5;
	font-weight:normal;
}

#ColumnBrowserHeader div.comma
{
	float:left;
	padding-right: 2px;
	font-weight:normal;
}

#ColumnBrowserHeader div.selected
{
	float: left;
	font-size: 10px;
	color:#FF9900;
	cursor: pointer;
	font-weight:normal;
}

#ColumnBrowserHeader div.selected:hover
{
	color:#990000;
}

#ColumnBrowserHeader div.highlighted
{
	float: left;
	font-size: 10px;
	color:#66CC00;
	cursor: pointer;
	font-weight:normal;
}

#ColumnBrowserHeader div.highlighted:hover
{
	color:#990000;
}

#ColumnBrowserHeader .addcolsbtn
{
	float: right;
	margin-right: 10px;
	width: 100px;
	height: 25px;
	background-image:url(../pics/ColumnBrowser/add_cols_btn.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
}


#ColumnBrowserHeader .opencolsbtn
{
	float: right;
	margin-right: 10px;
	width: 100px;
	height: 25px;
	background-image:url(../pics/ColumnBrowser/add_cols_btn.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}



/*The column container styles*/

#ColumnContainer
{
	width: 100%;
	height: auto;
	overflow:auto;
	overflow-y: hidden;
	clear: both;
	-moz-user-select: false;
}

#ColumnContainer div.Holder
{
	width: auto;
	height: 100%;
	overflow:hidden;
	margin: auto;
}


#ColumnBrowser div.loading
{
	width:30%;
	height: 100px;
	margin: auto;
	margin-top: 10px;
	text-align: center;
	color:#FFFFFF;
	font-weight:bold;
	line-height: 40px;
}

/*Closed Column Container for displaying closed columns that can be added to the slice.*/

#ClosedColumnsSurface
{
	width: 100%;
	height: auto;
	background-color:#f5f4f4;
	float: left;
	border-bottom: 1px solid #276f9b;
	border-top: 1px solid #276f9b;
}

#ClosedColumnsSurface div.container
{
	clear: both;
	float: left;
	padding: 5px;
	width: auto;
}

#ClosedColumnsSurface div.title
{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}

#ClosedColumnsSurface div.titleText
{
	float: left;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
}


#ClosedColumnsSurface div.closeBtn, a.closeBtn
{
	width: 11px;
	height: 11px;
	float: right;
	background-image:url(../pics/ColumnBrowser/ClosedColumns/close_btn.png);
	cursor: pointer;
	display:block;
}


	
	/* Closed column buttons */

#ClosedColumnsSurface div.closedColumnBtn
{
	float: left;
	margin: 2px;
	height: 1.5em;
	background-image:url(../pics/ColumnBrowser/ClosedColumns/btn_bg.png);
	line-height: 1.5em;
	font-size: 10px;
	color: #FFFFFF;
	cursor: move;
}

#ClosedColumnsSurface div.ccbtn_leftSide
{
	float: left;
	height: 100%;
	width: 7px;
}

#ClosedColumnsSurface div.ccbtn_label
{
	float: left;
	height: 100%;
}

#ClosedColumnsSurface a.ccbtn_label
{
	float: left;
	height: 100%;
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10px;
}

#ClosedColumnsSurface div.ccbtn_rightSide
{
	float: left;
	height: 100%;
	width: 7px;
}

#ClosedColumnsSurface div.ccbtn_tl
{
	width: 100%;
	height: 50%;
	background-image:url(../pics/ColumnBrowser/ClosedColumns/btn_tl.png);
	background-repeat: no-repeat;
}

#ClosedColumnsSurface div.ccbtn_bl
{
	width: 100%;
	height: 50%;
	background-image:url(../pics/ColumnBrowser/ClosedColumns/btn_bl.png);
	background-repeat: no-repeat;
	background-position:bottom;
}

#ClosedColumnsSurface div.ccbtn_tr
{
	width: 100%;
	height: 50%;
	background-image:url(../pics/ColumnBrowser/ClosedColumns/btn_tr.png);
	background-repeat: no-repeat;
}

#ClosedColumnsSurface div.ccbtn_br
{
	width: 100%;
	height: 50%;
	background-image:url(../pics/ColumnBrowser/ClosedColumns/btn_br.png);
	background-repeat: no-repeat;
	background-position:bottom;	
}



/*Dummy column, used as a place holder when dragging*/


#DummyColumn
{
	max-width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	-moz-box-sizing: border-box;
}

#DummyColumn div.Spacer
{
	width: auto;
	height: 100%;
	margin: 0;
	padding: 5px;
	-moz-box-sizing: border-box;
	border: 1px solid #FFFFFF;
}

#DummyColumn div.Contents
{
	margin: auto;
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}







/*Column styles */

.Column
{
	max-width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	-moz-box-sizing: border-box;
}

.Column div.ColumnSpacer
{
	width: auto;
	height: 100%;
	margin: 0;
	padding: 5px;
	padding-bottom: 10px;
	padding-top: 0px;
	-moz-box-sizing: border-box;
}

.Column div.Header
{
	height: 1.7em;
	line-height: 1.7em;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: content-box;
	overflow: hidden;
	background-image:url(../pics/ColumnBrowser/Column/header_bg.png);
	background-position: center center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}



.Column div.ContentHolder
{
	height: 100%;
	width: auto;
	margin: 0;
	border-top: 0px;
	-moz-box-sizing: border-box;
	border: 1px solid #216690;
	background-color: #3780ab;
}

.Column div.Content
{
	height: 100%;
	width: 100%;
	margin: 0;
	-moz-box-sizing: border-box;
	font-size: 10px;
	color: #333333;
	padding: 0px;	
}

.Column div.ContentLoading
{
	height: 100%;
	width: 100%;
	margin: 0;
	-moz-box-sizing: border-box;
	font-size: 10px;
	color: #333333;
	padding: 0px;	
	opacity: 0.6;
	filter: alpha(opacity=60);	
}


.Column a.MoveLeftBtn,div.MoveLeftBtn
{
	float: left;
	width: 1.7em;
	height:1.7em;
	background-image:url(../pics/ColumnBrowser/Column/move_left_btn.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: blockl;	
}

.Column div.HeaderLabel
{
	float: left;
	width: auto;
	height:1.7em;
	cursor: move;
}

.Column div.hig
{
	color:#00CC33;
}

.Column div.sel
{
	color:#FF9900;
}

.Column a.MoveRightBtn,div.MoveRightBtn
{
	float: right;
	width: 1.7em;
	height:1.7em;
	background-image:url(../pics/ColumnBrowser/Column/move_right_btn.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: blockl;
}

.Column a.CloseBtn,div.CloseBtn
{
	float: right;
	width: 1.7em;
	height:1.7em;
	background-image:url(../pics/ColumnBrowser/Column/close_btn.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: blockl;
}

.Column div.FilterBtn, .Column div.FilterBtnOn
{
	float: right;
	width: 1.7em;
	height:1.7em;
	background-position: center center;
	background-repeat: no-repeat;	
}

.Column div.FilterBtn
{
	background-image:url(../pics/ColumnBrowser/Column/search_btn.png);
}

.Column div.FilterBtnOn
{
	background-image:url(../pics/ColumnBrowser/Column/search_btn_on.png);
}

.Column a.AllBtn,div.AllBtn
{
	float: right;
	width: 1.7em;
	height:1.7em;
	background-image:url(../pics/ColumnBrowser/Column/refresh_btn.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: blockl;
}

.Column div.LoadingDiv
{
	float: right;
	width: 1.7em;
	height:1.7em;
	background-image:url(../pics/ColumnBrowser/Column/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;	
}









/* List styles */



.List
{
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
}


/*List item styles*/


.ListItem
{
	width: auto;
	overflow: hidden;
	height: 1.5em;
	line-height: 1.5em;
	cursor: pointer;
	color: #ffffff;
	font-size: 10px;
	white-space: nowrap;
}


.ListItem div.Even
{
	height: 100%;
	background-color: #3780ab;
	padding-left: 3px;	
}

.ListItem div.Even a
{
	line-height: 1.5em;
	cursor: pointer;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;		
}


.ListItem div.Odd
{
	height: 100%;
	background-color:#438ab3;
	padding-left: 3px;	
}

.ListItem div.Odd a
{
	line-height: 1.5em;
	cursor: pointer;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;		
}


.ListItem div.Selected
{
	height: 100%;
	background-image:url(../pics/ColumnBrowser/Column/item_selected_bg.png);
	padding-left: 3px;	
}

.ListItem div.Selected a
{
	line-height: 1.5em;
	cursor: pointer;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;		
}



.ListItem div.Highlighted
{
	height: 100%;
	background-image:url(../pics/ColumnBrowser/Column/item_high_bg.png);
	padding-left: 3px;	
}

.ListItem div.Highlighted a
{
	line-height: 1.5em;
	cursor: pointer;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;		
}


.ListItem div.Over
{
	height: 100%;
	background-color:#FAE8A1;
	padding-left: 3px;	
}

.ListItem div.Over a
{
	line-height: 1.5em;
	cursor: pointer;
	color: #ff9900;
	font-size: 10px;
	text-decoration: none;		
}

.ListItem div.Over a:hover
{
	color: #ff9900;		
}


.ListItem div.Even:hover, .ListItem div.Odd:hover
{
	background-image:url(../pics/ColumnBrowser/Column/item_over_bg.png);
	padding-left: 3px;
}


.ListItem div.Label
{
	float: left;
}

.ListItem div.Count
{
	float: right;
}

.ListItem div.Preview
{
	float: right;
	height: 100%;
	width:0px;
	overflow: hidden;
}

.ListItem img.Preview
{
	height: 100%;
}

#ListPositionPopup
{
	position:absolute;
	overflow: hidden;
	text-align: center;	
	width: 3em;
	height: 2em;
	background-color:#FFFFFF;
	border: 1px solid #003366;
	opacity: 0.8;
	filter: alpha(opacity=80);
	font-size:18px;
	font-weight: bold;
	line-height: 2em;
	color: #003366;		
}

.Column div.Search
{
	/*height: 1.5em;
	line-height: 1.5em;*/
	width: auto;
	/*background-color:#00CC33;*/
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: content-box;
	overflow: hidden;
	border: 1px solid #216690;
	border-bottom:0;
	background-color: #327aa6;
	height: 1.5em;
}

.Column div.inputContainer
{
	clear: none;
	height: 1.5em;
}

.Column  input
{
	height: 1.5em;
	line-height: 1.5em;
	width: 100%;
	background-color:#327aa6;
	margin: 2px;
	border: 0px;
	-moz-box-sizing: content-box;
	overflow: hidden;
	font-size: 10px;
	color: #ffffff;
}

.FilterType, .FilterTypeAll, .FilterTypeStart, .FilterTypeEnd
{
	background-position: center;
	cursor: pointer;
	width: 30px;
	height: 1.5em;
	float: right;
}

.FilterTypeAll
{
	background-image:url(../pics/ColumnBrowser/Column/filter_all_btn.gif);
}

.FilterTypeStart
{
	background-image:url(../pics/ColumnBrowser/Column/filter_start_btn.gif);
}

.FilterTypeEnd
{
	background-image:url(../pics/ColumnBrowser/Column/filter_end_btn.gif);
}

.FilterClear
{
	background-repeat:no-repeat;
	background-position: center center;
	float:right;
	height: 1.5em;
	width: 20px;
	background-image:url(../pics/ColumnBrowser/Column/filter_close_btn.gif);
}

.FilterClear:hover
{
	background-image:url(../pics/ColumnBrowser/Column/filter_close_btn_on.gif);
	cursor: pointer;
}

.FilterTypeAll, .FilterTypeStart, .FilterTypeEnd
{
	background-repeat:no-repeat;
	background-position: center center;
}


.searchHighlight
{
	background-color: #fae06b;
}




















/* LightBox window used for whole screen popups such as the tagging form, and share form etc*/

#LBb
{
	width: 100%;
	height: 100%;
	background-color:#000000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	position:absolute;
	top:0px;
	left:0px;
	z-index: 1000;
}

#LB
{
	height: 100%;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index: 1100;
}

#LBtitle
{
	width:480px;
	line-height: 1.5em;
	padding:10px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e1e1e1;
	font-size: 1.1em;
	font-weight: bold;
	color:#666666;	
}

#LBclose
{
	width: 1.5em;
	height: 1.5em;
	float: right;
	background-image:url(../pics/LightBox/close_btn.png);
	background-repeat: no-repeat;
	background-position:center center;
}

#LBcont
{
	background-color:#FFFFFF;
	border: 10px solid #C8BE9B;
	width: 500px;
	height: auto;
	position: relative;
}

#LBscont
{
	padding: 10px;
	position: relative;
}




/*Add Tag LightBox Form*/



#AddTagForm .title
{
	font-size: 1.2em;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}


#AddTagForm .label
{
	font-size: 0.8em;
	font-weight:normal;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	color:#666666;
}



#AddTagForm .editContainer
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

#AddTagForm .groupContainer
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	height: 80px;
	border: 1px solid #999999;
	overflow: auto;
	color: #666666;
	font-size: 0.8em;
}


#AddTagForm .groupContainer .group
{
	padding: 5px;
	margin-bottom: 2px;
	background-color: #f6f6f6;
	color: #666666;
	border: 1px solid #e1e1e1;
	width: auto;
}

#AddTagForm .groupContainer .groupoptions
{
	clear: both;
	float: right;
	font-size: 0.8em;
	color:#CCCCCC;
}

#AddTagForm .groupContainer img
{
	margin-right: 5px;
	width: 2em;
	vertical-align: middle;
	border: 2px solid #ff6600;
}

#AddTagForm .groupContainer a
{
	color: #FF6600;
	font-weight: bold;
	text-decoration:none;
}

#AddTagForm .groupContainer a:hover
{
	background-color: #0099FF;
	color: #ffffff;
}

#AddTagForm .groupContainer input
{
	float: right;
}



#AddTagForm .editContainer input
{
	width: 100%;
	height: 1.5em;
	font-size: 1em;
	line-height: 1em;
}

#AddTagForm .recentTagsContainer, recentTagsHeader
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

#AddTagForm .recentTagsContainer a
{
	color: #666666;
	font-size: 0.8em;
	font-style: italic;
	cursor: pointer;
}

#AddTagForm .recentTagsContainer a:hover
{
	color: #ffffff;
	background-color:#0099ff;
}

#AddTagForm .publicContainer
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

#AddTagForm .buttonContainer
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:right;
}

#AddTagForm .buttonContainer input
{
	width: 100px;
}

/* Advanced Search Styling */

#ASAutoComplete
{
	border: 1px solid #999999;
	border-top: 0px;
	background-color:#EFEFEF;
	position: absolute;
	z-index: 99999;
	-moz-box-sizing: border-box;
}

#ASAutoComplete div.item
{
	padding: 3px;
	color: #666666;
}

#ASAutoComplete a
{
	display:block;
	text-decoration: none;
	padding: 3px;
	border-bottom: 1px solid #e1e1e1;
	cursor: pointer;
	color: #666666;
}

#ASAutoComplete a:hover
{
	background-color:#003366;
	color:#FFFFFF;
}

#ASAutoComplete span.hl
{
	background-color:#0099FF;
	color: #FFFFFF;
}

#AdvSearchSurface
{
	width: 100%;
	height: auto;
	background-color:#f5f4f4;
	float: left;
	border-bottom: 1px solid #276f9b;
	border-top: 1px solid #276f9b;
}

#AdvSearchSurface div.container
{
	clear: both;
	float: left;
	padding: 5px;
	width: auto;
}

#AdvSearchSurface div.title
{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}

#AdvSearchSurface div.titleText
{
	float: left;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
}


#AdvSearchSurface div.closeBtn
{
	width: 11px;
	height: 11px;
	float: right;
	background-image:url(../pics/ColumnBrowser/ClosedColumns/close_btn.png);
	cursor: pointer;
}

#AdvSearchSurface .AdvSearchItem
{
	float: left;
	width: 129px;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 12px;
	padding-bottom: 10px;
}

#AdvSearchSurface .AdvSearchItem label
{
	display: block;
}

#AdvSearchSurface .AdvSearchItem input, #AdvSearchSurface .AdvSearchItem select
{
	font-size: 10px;
	width: 100%;
}

#AdvSearchSurface .AdvSearchItem .AdvSearchDate select
{
	width: 4.3em;
}

#AdvSearchSurface .AdvSearchButtons
{
	clear: both;
	padding-left: 5px;
	padding-bottom: 15px;
	font-size: 10px;
}

#AdvSearchSurface .AdvSearchButtons input
{
	margin-right: 5px;
}

#AdvSearchSurface .AdvSearchBreak
{
	clear: both;
}




/* Scratch Pad Styles */

#ScratchPad
{
	position: absolute;
	top:0px;
	left:0px;
	overflow: hidden;
	border: 1px solid #333333;
}

#ScratchPad .ContentList
{
	overflow: auto;
	overflow-x: hidden;
	background-color: #3780ab;
}

#ScratchPad .Header
{
	height: 1.9em;
	line-height: 1.7em;
	background-color:#333333;
	color:#FFFFFF;
	font-size: 0.8em;
	overflow: hidden;
	background-image:url(../pics/ScratchPad/header_bg.png);
	background-position: center center;	
}


#ScratchPad .Header img
{
	 margin-left: 3px;
	 margin-right: 5px;
	 vertical-align: middle;
}


#ScratchPad .Header .SPIcon
{
	height: 100%;
	width: 19px;
	float: left;
	background-image:url(../pics/ScratchPad/title_icon.png);
	background-position: center center;
}

#ScratchPad .Header .CloseBtn
{
	height: 100%;
	width: 19px;
	float: right;
	background-image:url(../pics/ScratchPad/close_btn.png);
	background-position: center center;	
}

#ScratchPad .Footer
{
	height: 1.5em;
	background-image:url(../pics/ScratchPad/footer_bg.png);
	background-position: center center;	
	overflow:hidden;
	clear: both;
}

#ScratchPad .TagPanel, .TagPanelHigh 
{
	float: left;
	clear: both;
	font-size: 1em;
	background-color: #e1e1e1;
}

#ScratchPad .TagPanelHigh
{
	background-color:#66CC00;
}


#ScratchPad .tagBtn
{
	float: right;
	width: 40px;
	padding: 1px;
}

#ScratchPad .tagBox
{
	float:left;
	background-color: #e1e1e1;
	color: #333333;
	border: 0;	
	padding: 1px;
	padding-left: 3px;
}

#ScratchPad .TagPanelHigh .tagBox
{
	background-color:#66CC00;
	color:#FFFFFF;
}




#ScratchPad .Footer .DeleteButton
{
	height: 100%;
	width: 19px;
	float: left;
	background-image:url(../pics/ScratchPad/del_btn.png);
	background-position: center center;	
}

#ScratchPad .Footer .ResizeBtn
{
	height: 100%;
	width: 19px;
	float: right;
	background-image:url(../pics/ScratchPad/resize_btn.png);
	background-position: center center;	
	cursor: se-resize;
}

#ScratchPad .ListItem
{
	height: 2em !important;
	line-height: 2em !important;
}

#ScratchPad .Label
{
	float: none !important;
}


#ScratchPad .chk
{
	float:left;
}


#ScratchPad .LiContainer
{
	width: 100%;
	overflow: hidden;
}