﻿/* -- COLLECTION VIEWER and RELATED CONTROLS -- */

.viewsizeselectcontainer
{
	float:left;
	padding-top:2px;
}
.viewsizeselectcontainer span
{
	display:block;
	height:26px;
	float:left;
}

.viewSizeSelector
{
	font-size: 8pt;
	float:left;
	margin-left:5px;
	padding-top:0px;
}


.viewSizeSelector .option
{
	background: url(Img/Tabs/tab_bg.jpg);
	height: 21px;
	display:block;
	text-decoration: none;
	white-space: nowrap;
	border-left:1px solid #0485f2;
	border-right:1px solid #033458;
	padding:0px; 
	padding-top:7px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	color:#fff;
}
.viewsizelabel
{
	padding-top:5px;	
}
.viewSizeSelector .option:hover
{
	background: url(Img/Tabs/tab_active_bg.jpg);
	border-bottom:1px solid #033458;
	height:20px;
	color: #fff;
}
.viewSizeSelector .activeOption
{
	margin-top:0;	
	background: url(Img/Tabs/tab_active_bg.jpg);
	height: 20px;
	text-decoration: none;
	white-space: nowrap;
	border-left:1px solid #033458;
	border-right:1px solid #033458;
	border-bottom:1px solid #033458;
	padding:0px; 
	display:block;
	float:left;
	padding-top:7px;
	padding-left:5px;
	padding-right:5px;
}

.pagercontainer
{
	float:left;
	margin-top:2px;
}
.pagercontainer span
{
	float:left;	
}
.viewPageSelector
{
	font-size: 8pt;
	float:left;
	margin-left:6px;
}
.viewPageSelector .option, .viewPageSelector .activeOption
{
	background:url(Img/pager_bottom_inactive.gif) no-repeat top left;
	width: 25px;
	display:block;
	float:left;
	padding:2px 0 3px 0;
	margin-right:3px;
	text-align:center;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.viewPageSelector .option:hover
{
	background-position: 0 -18px;
}
.viewPageSelector .activeOption
{
	background-position: 0 -18px;
}

/* -- MOSAIC VIEW -- */
.mosaicView
{
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 15px;
}
.mosaicViewItem
{
	width: 147px;
    height: 148px;
    
    margin-right: 11px;
    margin-bottom: 24px;
    border-collapse: collapse;
}

.mosaicViewItem TABLE
{
    width: 147px;
    height: 148px;
    background: Transparent;
	background: url(Img/thumb_bg.jpg) no-repeat;
    margin-right: 6px;
    margin-bottom: 6px;
    border-collapse: collapse;
}

.mosaicViewItem .itemName
{
    font-weight: bold;
    font-family: verdana;
    font-size: 8pt;
    padding-left: 0px;
    margin-top: 10px;
	text-align:center;
    margin-bottom: 10px;
	vertical-align:top;
	padding-top:3px;
}

.mosaicViewItem .itemName DIV
{
	font-weight: bold;
    font-family: verdana;
    font-size: 8pt;
    padding-left: 30px;
    margin-top: 10px;
    width: 147px;
    overflow: hidden;
    white-space: nowrap;
}

.mosaicViewItem .itemThumbnail
{
    height: 90px;
    vertical-align: middle;
    text-align: center;
}
.mosaicViewItem .itemThumbNail
{
    height: 90px;
	padding-top:6px;
    vertical-align: middle;
    text-align: center;
}
.mosaicViewItem .itemThumbnail IMG 
{
	border:0px none; margin:0px; 
}
.mosaicViewItem .itemThumbNail IMG 
{
	border:0px none; margin:0px; 
}

.mosaicViewItem .itemActions
{
	padding:0px; 
	margin:0px;
	padding-left:5px;
	vertical-align:top;
}

.mosaicViewItem .filetype
{
	background:#e1e1e1;
	margin-left:5px;
	width:31px;
	padding-top:2px;
	-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;
    /*margin-top: 5px;
	padding-bottom:2px;*/
}
.mosaicViewItem .filetype img
{
/*	position:fixed;*/
}


/* -- LIST VIEW -- */
.listView
{
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
}
.listViewItem
{
	border: solid 1px #999;	
	margin-bottom: 4px;
	padding-left: 10px;
}

.listViewItem TABLE
{
    height: 184px;
}

.listViewItem TABLE TABLE
{
	width: auto;
    height: auto;
}

.listViewItem .itemName
{
    font-weight: bold;
    font-family: verdana;
    font-size: 8pt;
	text-align: left;
	padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 30px;
}

.listViewItem .itemThumbnail
{
	width: 180px;
	vertical-align: top;
    text-align: left;
}

.listViewItem .itemThumbnail IMG
{
}

.listViewItem .itemActions
{
	padding-top: 10px;
	clear: both;
	float: left;
	text-align: left;
}

.listViewItem .itemDetails
{
	padding-left: 10px;
	vertical-align: top;
}

/* -- PREVIEW VIEW -- */
.previewView
{
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
}

.previewItem
{
	display: block;
}
.previewItem TABLE
{
	width: 97%;
}
.previewItem TABLE TABLE
{
	width: 100%;
}
.previewItem TABLE TABLE TD
{
	height: 10px;
	overflow: hidden;
}

.previewItem .itemName
{
    font-weight: bold;
    font-family: verdana;
	font-size: 11pt;
	padding-left: 0px;
	margin-top: 10px;
    margin-bottom: 10px;
    height: 30px;
}

.previewItem .preview
{
	padding-left: 0px;
	text-align: left;
}

.previewItem .preview IMG
{
	padding-left: 0px;
}

.previewItem .itemActions
{
    padding-left: 30px;
	text-align: left;
}

.previewItem .itemDetails
{
	padding-left: 30px;
}

/* -- filepreview mosaic item -- */
.filepreviewMosaicViewItem
{
}

.filepreviewMosaicViewItem TABLE
{
    width: 181px;
    height: 184px;
    margin-right: 3px;
    margin-top: 5px;
    border-collapse: collapse;
}

.filepreviewMosaicViewItem .itemName
{
    font-weight: bold;
    font-family: verdana;
    font-size: 8pt;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    height: 26px;
    vertical-align: bottom;
}

.filepreviewMosaicViewItem .itemPage
{
    font-weight: normal;
}

.filepreviewMosaicViewItem .itemName DIV
{
    width: 157px;
    overflow: hidden;
    white-space: nowrap;
}

.filepreviewMosaicViewItem .itemThumbnail
{
    height: 124px;
    vertical-align: middle;
    text-align: left;
}

.filepreviewMosaicViewItem .itemThumbnail IMG 
{
	border: solid 1px #ccc; 
	margin: 0px; 
}

.filepreviewMosaicViewItem .itemActions
{
    height: 30px;
    text-align: left;
}

.itemContent {
    clear: both;
}

.itemPreview {
    float: left;
    width: 300px;
    padding-top: 17px;
}

.providerlist {
}

.previewtypename {
    padding-left: 4px;
    padding-right: 4px;
    font-size:11px;
}

.previewtypenameactive {
    padding-left: 4px;
    padding-right: 4px;
    font-size:11px;
    font-weight: bold;
    background-color: #dddddd;
    color:#000;
}

.itemInfo {
}

/* -- Field Viewer -- */
.fieldLabel
{
	background-color: #F5F5E8;
	border-top: 1px solid #CACC72;
	font-size: 9pt;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
	padding-left: 10px;
}
.fieldLabel DIV
{
	float: left;
	width: 120px;
	overflow: hidden;
}
.fieldCategoryHeader
{
	border-top: 1px solid #CACC72;
	background-color: #F3F4C3;
	color: #ADB012;
	font-weight: bold;
	font-size: 9pt;
	padding-left: 10px;
	height: 22px;
}
* html .fieldCategoryHeader
{
	padding-left: 0px;
	padding-right: 0px;
}
.fieldCategoryHeader DIV
{
	width: 145px;
}
* html .fieldCategoryHeader DIV
{
	padding-left: 10px;
	padding-right: 10px;
}
.fieldLanguageHeader
{
	border-top: 1px solid #CACC72;
	background-color: #F3F4C3;
	border-left: 1px solid #E7E8AD;
	color: #000000;
	font-weight: bold;
	font-size: 9pt;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.fieldControl
{
	border-top: 1px solid #CACC72;
	font-size: 9pt;
	border-left: 1px solid #E7E8AD;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
	width: 200px;
	white-space: nowrap;
}
* html .fieldControl
{
}
.fieldControl *
{
	vertical-align: top;
}
.fieldControl TEXTAREA
{
	width: 200px;
	height: 100px;
}

/* -- permissions viewer -- */
.UserClassificationAccessOverview
{
	float: left;
}

.UserClassificationAccessOverview .subtitle
{
	font-size: 15pt;
	padding-left: 10px;
}
.UserClassificationAccessOverview .title
{
	display: block;
	color: #00A3D4;
	font-size: 15pt;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
	float: left;
	clear: left;
	width: 60px;
	border-right: 0px none;
	border-bottom: 0px none;
	background-color: #ffffff;
	margin-top: 20px;
	height: 48px;
}

.UserClassificationAccessOverview .label
{
	padding-left: 10px;
	padding-right: 20px;
}

.UserClassificationAccessOverview .inputtable
{
	margin-top: 20px;
}
.UserClassificationAccessOverview .details
{
	background-color: #DCDCDC;
	padding: 10px;
	float: left;
	margin-top: 20px;
}

.UserClassificationAccessOverview .details .header
{
	background-color: #ffffff;
	color: #666666;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	height: 20px;
}
.UserClassificationAccessOverview .details .group
{
	text-align: left;
	padding-right: 20px;
	padding-left: 4px;
	padding-top: 4px;
	vertical-align: middle;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.UserClassificationAccessOverview .details .item
{
	text-align: left;
	padding-right: 20px;
	padding-left: 4px;
	padding-top: 4px;
	vertical-align: middle;
	font-size: 8pt;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
}
.UserClassificationAccessOverview .details .permission
{
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.UserClassificationAccessOverview .details TR.highlight TD
{
	background-color: #FFFFCC;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
}
.UserClassificationAccessOverview .details TR TD.highlight
{
	vertical-align: middle;
	background-color: #FFFFCC;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 2px;
	padding-bottom: 2px;
}
.UserClassificationAccessOverview .details .child
{
	padding-left: 15px;
	background-image: url(../Controls/Classifications/Child.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/* --  -- */

.dropdownbox
{
	padding-left: 10px;
	font-weight: bold;
	background-color: #EDEFAA;
	border: 1px solid #ADB012;
	height: 19px;
	font-size: 10pt;
	overflow: hidden;
	display: block;
}
* html .dropdownbox
{
	height: 23px;
}
.dropdownbox .selecteditems
{
	padding-top: 1px;
	float: left;
	display: block;
	height: 20px;
	overflow: hidden;
}
* html .dropdownbox .selecteditems
{
	padding-top: 2px;
}
.dropdownbox .selector
{
	float: right;
	margin-top: 1px;
	margin-bottom: 1px; 
	margin-left: 3px;
	margin-right: 1px;
}

/* -- icons -- */
.a_icononly:hover /* -- when an icon is hovered. -- */
{
	color: #ffffff;
}
.a_iconandtext
{
	color: #00f;
}
.a_iconandtext:hover /* -- when an icon + text is hovered. -- */
{
	text-decoration: underline;
}

.previewicon			{ background: url(Icons/new/preview.gif);width:26px; height:26px;}
.editicon				{ background: url(Icons/new/edit_single.gif);width:26px; height:26px; }
.downloadicon			{ background-image: url(Icons/Actions/download.gif);}
.actionicon             { width:26px; height:26px;}
.smallactionicon        { width:18px; height:18px;}

.addtobasketicon		{ background: url(Icons/new/add_basket.gif);width:26px; height:26px;}

.previewicon:hover		{ background: url(Icons/new/preview_over.gif);width:26px; height:26px;}
.editicon:hover			{ background: url(Icons/new/edit_single_over.gif);width:26px; height:26px; }
.addtobasketicon:hover	{ background: url(Icons/new/add_basket_over.gif);width:26px; height:26px;}

.a_icononly.deletelink{background: url(Icons/new/remove.gif); width:26px; height:26px;}
.a_icononly.deletelink:hover{background: url(Icons/new/remove_over.gif); width:26px; height:26px;}

.a_icononly.downloadicon {background:url(Icons/new/download.gif); width:26px; height:26px;}
.a_icononly.downloadicon:hover {background:url(Icons/new/download_over.gif); width:26px; height:26px;}

.removefrombasketicon	{ background-image: url(Icons/Actions/removefrombasket.gif); }
.inbasketicon			{ background: url(Icons/new/in_basket.gif);width:26px;height:26px; } 
.inbasketicon:hover			{ background: url(Icons/new/in_basket_over.gif);width:26px;height:26px; } 
.producteditlink:hover{	background: url(Icons/new/edit_over.gif); width:26px; height:26px;}

.allpreviewsicon		{ background-image: url(Icons/Actions/allpreviews.gif); }
.allitemsicon			{ background-image: url(Icons/Actions/allitems.gif); }
.removeicon				{ background-image: url(Icons/Actions/remove.gif); }
.addicon				{ background-image: url(Icons/Actions/add.gif); }
.permissionsicon		{ background-image: url(Icons/Actions/permissions.gif); }
.checkinicon		    { background-image: url(Icons/Actions/checkin.gif); }
.undocheckouticon	    { background-image: url(Icons/Actions/undocheckout.gif); }
.checkouticon		    { background-image: url(Icons/Actions/checkout.gif); }

.infoicon		    { background-image: url(Img/information.gif); }


.searchlinks
{
	font-family: Arial;
	font-size: 8pt;
	clear: both;
	display: block;
	text-align: right;
	width: 210px;
}

.searchhelplink 
{
	color: #666;
	text-decoration: none;
}
.searchhelplink:hover
{
	/*text-decoration: underline;*/
}

.errorframe
{
	margin-left: 40px;
	margin-top: 20px;
}
.errorframe H1
{
	font-family: Arial Narrow, Tahoma;
	font-size: 20pt;
	font-weight: normal;
}



.fileVersionPreviewViewer
{
	border: solid 1px #00A3D4;
}

.fileVersionPreviewViewer .providerItemList
{
	background-color: #00A3D4;
	height: 30px;
}
.fileVersionPreviewViewer .providerItem
{
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}
.fileVersionPreviewViewer .activeProviderItem
{
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}
.fileVersionPreviewViewer .listContainer
{
	padding-left: 10px;
	background-color: #ECF2F4;
	width: 150px;
}
.fileVersionPreviewViewer .listContainer .thumbnail
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10px;
	border-bottom: solid 1px #bdd;
}
.fileVersionPreviewViewer .listContainer .thumbnailTitle
{
	font-weight: bold;
}
.fileVersionPreviewViewer .listContainer .image
{
	padding-top: 4px;
	padding-bottom: 4px;
}
.fileVersionPreviewViewer .previewContainer
{
	padding: 10px;
}
.fileVersionPreviewViewer .mediapreviewcontrol
{
	text-align: center;
}
