/* -- NAVIGATION BAR -- */
.navigationbar
{
	position: absolute;
	left: 20px;
	right: 0px;
	top: 20px;
	border-bottom: 1px solid #666666;
	padding-bottom: 4px;
	z-index: 101;
}
.tabs .zonebutton {
display:block;
}
.tabmenuitem {
display:block;
}
.tabmenuitem nav{
display:none;
}
.tabmenuitem:hover nav{
display:block;
position:relative;
}
.tabmenuitem:hover nav .tabs{
position:absolute;
z-index:5000;
}
.tabs .first span,
.tabs .last span{
background:none;
}
.tabmenuitem:hover nav .tabs .tab span{
width:150px
}
 .tabs .tab
    {
	    background: url(Img/Tabs/tab_bg.jpg);
	    float: left;
	    height: 29px;
	    min-height: 29px;
	    max-height: 29px;
	    text-decoration: none;
	    white-space: nowrap;
	    padding:0px; 
	    margin:0px;
    }
    .tabs .tab.single
    {
	    border-left:1px solid #033458;
    }
    .tabs .tab SPAN
    {
	    float: left;
	    padding-right: 15px;
	    padding-left: 15px;
	    padding-top: 7px;
	    font-weight: bold;
	    color: #fff;
	    height:22px;
	    text-decoration:none;
    }
    .tabs .tab.single SPAN
    {   
	    height:22px;
	    border-right:1px solid #033458;
    }
    .tabs .tab SPAN a
    {
	    color:#fff;
	    text-decoration:none;
    }
    .tabs .active
    {
	    background: url(Img/Tabs/tab_active_bg.jpg);
    }
    .tabs .tab:hover
    {
	    background: url(Img/Tabs/tab_active_bg.jpg);
    }
@media screen and (min-width:1530px)
{
    .tabs .zonebutton {
    display:none;
    }
    .tabmenuitem nav{
    display:inherit;
    }
    .tabs
    {
	    float: left;
	    /*margin-top:6px;*/
    }
    .tabmenuitem:hover nav{
    display:inherit;
    position:inherit;
    }
    .tabmenuitem:hover nav .tabs{
    position:inherit;
    z-index:auto;
    }
    .tabmenuitem:hover nav .tabs .tab span{
    width:auto;
    }



    .tabs .tab
    {
	    border-left:1px solid #0485f2;
    }
    .tabs .tab SPAN
    {   
	    border-right:1px solid #033458;
    }
    .tabs .tab SPAN a
    {
	    color:#fff;
	    text-decoration:none;
    }
    .tabs .active SPAN
    {
	    /*background-image: url(Img/Tabs/righta.gif);*/
	    font-weight: bold;
	    color: #fff;
    }

    .tabs .tab:hover SPAN
    {
	    color: #ffffff;
	    cursor: hand;
    }
    .tabs .active.first, .tabs .first{
	    height:29px;
	    border-left:none;
    }
    .tabs .active.first span, .tabs .active.first:hover span{
	    background:url(Img/Tabs/tab_active_left.jpg) no-repeat;
	    height:22px;
	    border-left:none;
    }

    
    .tabs .first span {
	    background:url(Img/Tabs/left_default.jpg) no-repeat;
	    height:22px;
	    border-left:none;
    }
    .tabs .last span {
	    background:url(Img/Tabs/tab_right.jpg) no-repeat;
	    height:22px;
	    background-position:right;
	    border-right:none;
    }
    .tabs .active.last {
	
    }
}

/* -- Grey Tabs -- */
.greytabs
{
	float: left;
	margin-top: -2px;
}
.greytabs .tab
{
	background: url(Img/Tabs/grey_tab_bg.jpg);
	float: left;
	height: 29px;
	min-height: 29px;
	max-height: 29px;
	text-decoration: none;
	white-space: nowrap;
	border-left:1px solid #333333;
	padding:0px; 
	margin:0px;
}
.greytabs .tab SPAN
{
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 7px;
	font-weight: bold;
	color: #333333;
	height:22px;
	border-right:1px solid #333333;
	text-decoration:none;
}
.greytabs .tab SPAN a
{
	color:#000000;
	text-decoration:none;
}


.greytabs .active
{
	background: url(Img/Tabs/grey_tab_active_bg.jpg);
}
.greytabs .active SPAN
{
	/*background-image: url(Img/Tabs/righta.gif);*/
	font-weight: bold;
	color: #00718F;
}

.greytabs .tab:hover
{
	background: url(Img/Tabs/grey_tab_active_bg.jpg);
}
.greytabs .tab:hover SPAN
{
	color: #ffffff;
	cursor: hand;
}
.greytabs .active.first, .tabs .first{
	height:29px;
	border-left:none;
}
.greytabs .active.first span, .tabs .active.first:hover span{
	background:url(Img/Tabs/grey_tab_active_left.jpg) no-repeat;
	height:22px;
	border-left:none;
}

.greytabs .first span {
	background:url(Img/Tabs/grey_left_default.jpg) no-repeat;
	height:22px;
	border-left:none;
}
.greytabs .last span {
	background:url(Img/Tabs/grey_tab_right.jpg) no-repeat;
	height:22px;
	background-position:right;
	border-right:none;
}
.greytabs .active.last {
	
}

/* -- ACTION LINKS -- */

.actions
{
	float: right;
}


.action
{
	text-decoration: none;
	color: #000000;
	font-size: 9pt;
}
.action:hover
{
	background-color: #033458;
	color: #ffffff;
}

.texticon
{
	padding-left: 23px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 5px center;
	margin-bottom:4px;
}
.manualClass {
    background-color: #f3f0e9;
}
/*
.classeditrow .texticon
{
	background-position: 0 center;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    padding-left: 23px;
    padding-right: 10px;
}*/

.tumbnailicon
{
	padding-left: 0px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 5px center;
}

.texticon:hover
{
	background-image: url(Icons/Actions/arrow.gif);
}

.icon
{
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: 10px;
	padding-right: 10px;
}
.zoomlink
{
	background-image: url(Icons/Actions/zoom.png);
}
.zoominlink
{
	background-image: url(Icons/Actions/zoom_in.png);
}
.editlink
{
	background-image: url(Icons/Actions/edit.gif);
}
.viewlink
{
	background-image: url(Icons/Actions/view.gif);
}
.nextlink
{
	background-image: url(Icons/Actions/backr.gif);
	/*float: left;
	padding-right: 23px;
	padding-left: 10px;*/
	width: 20px;
	background-position: right center;
}
.nextlink:hover
{
	background-image: url(Icons/Actions/backr.gif);
}
.backlink
{
	background-image: url(Icons/Actions/back.gif);
	width: 20px;
}
.backlink:hover
{
	background-image: url(Icons/Actions/arrowr.gif);
}
.logofflink
{
	background-image: url(Icons/Actions/delete.gif);
}
.newlink
{
	background-image: url(Icons/Actions/new.gif);
}
.duplicatelink
{
	background-image: url(Icons/Actions/duplicate.gif);
}
.applylink
{
	background-image: url(Icons/Actions/apply.gif);
}
.fastforwardlink
{
	background-image: url(Img/advancedclosed.gif);
}
.savelink
{
	background-image: url(Icons/Actions/save.gif);
}
.subscribelink
{
	background-image: url(Icons/Actions/subscribe.png);
}
.deletelink
{
	background-image: url(Icons/Actions/delete.gif);
}
.deleteclasslink
{
	background-image: url(Icons/Actions/delete.gif);
}
.navigationbar .deletelink
{
	float: left;
}
.searchlink
{
	background-image: url(Icons/Actions/search.gif);
}
.browselink
{
	background-image: url(Icons/Actions/browse.gif);
}
.cogarrowlink
{
	background-image: url(Icons/Actions/cog_go.png);
}
.inProgress
{
    background-image: url(Icons/FileInProgress.gif);
}
.fileinfolink
{
	background-image: url(Icons/Actions/fileinfo.gif);
}
.versionslink
{
	background-image: url(Icons/Actions/versions.gif);
}
.relationslink
{
	background-image: url(Icons/Actions/link.png);
}
.addproductslink
{
	background-image: url(Icons/Actions/cog_add.png);
}
.imageslink
{
	background-image: url(Icons/Actions/images.png);
}
.textcolumnslink
{
	background-image: url(Icons/Actions/text_columns.png);
}
.downloadlink
{
	background-image: url(Icons/Actions/download.gif);
}
.makemasterlink
{
	background-image: url(Icons/Actions/makemaster.gif);
}
.moveuplink
{
	background-image: url(Icons/Actions/moveup.gif);
}
.movedownlink
{
	background-image: url(Icons/Actions/movedown.gif);
}
.rotatecwlink
{
	background-image: url(Icons/Actions/rotatecw.gif);
}
.rotateccwlink
{
	background-image: url(Icons/Actions/rotateccw.gif);
}
.reportmagnifylink
{
    background-image: url(Icons/new/report_magnify.png);
}
.reportgolink
{
    background-image: url(Icons/new/report_go.png);
}
.reportlink
{
    background-image: url(Icons/new/report.png);
}
.reportaddlink
{
    background-image: url(Icons/new/report_add.png);
}
.reportdeletelink
{
    background-image: url(Icons/new/report_delete.png);
}
.reportdisklink
{
    background-image: url(Icons/new/report_disk.png);
}
.reporteditlink
{
    background-image: url(Icons/new/report_edit.png);
}
.reportfolderexpandedlink
{
    background-image: url(Icons/new/report_folder_expanded.png);
}
.reportfolderlink
{
    background-image: url(Icons/new/report_folder.png);
}
.gobooklink
{
	background-image: url(Icons/Actions/book_go.png);
}
.gotablelink
{
	background-image: url(Icons/Actions/table_go.png);
}
.addfolderlink
{
	background-image: url(Icons/Actions/folder_add.png);
}
.foldergolink
{
	background-image: url(Icons/Actions/folder_go.png);
}
.removefolderlink
{
	background-image: url(Icons/Actions/folder_delete.png);
}
.arrowredolink
{
	background-image: url(Icons/Actions/arrow_redo.png);
}
.navigateuplink
{
	background-image: url(Icons/new/navigate-up-icon.png);
}
.publicationslink
{
	background-image: url(Icons/Actions/publications.gif);
}
/* HDP: added */
.addbasketlink
{
	background-image: url(Icons/Actions/addtobasket.gif);
}
.removebasketlink
{
	background-image: url(Icons/Actions/removefrombasket.gif);
}
.inbasketlink
{
	background-image: url(Icons/Actions/inbasket.gif);
}
.previewlink
{
	background-image: url(Icons/Actions/preview.gif);
}
.thumbnailslink
{
	background-image: url(Icons/Actions/thumbnails.gif);
}
.listlink
{
	background-image: url(Icons/Actions/listview.gif);
}
.detailslink
{
	background-image: url(Icons/Actions/preview.gif);
}
.producteditlink
{
	background: url(Icons/new/edit.gif); width:26px; height:26px;
}
.producteditlink:hover
{
	background: url(Icons/new/edit_over.gif); width:26px; height:26px;
}

.productremovelink
{
	background: url(Icons/new/remove.gif); width:26px; height:26px;
}
.productremovelink:hover
{
	background: url(Icons/new/remove_over.gif); width:26px; height:26px;
}

.bigTitle
{
	font-family: Univers Condensed Light, Zurich, Arial Narrow, Arial, Tahoma, Verdana;
	font-size: 27pt;
	color: #949494;
	margin-bottom: 20px;
}
.title
{
	font-size: 19pt;
	font-family: Tahoma;
}
.contenttitle
{
	font-size: 15pt;
	font-family: Tahoma;
	color:#7E7E7E;
}
.bluetitle
{
	color: #00718F;
}
.subtitle
{
	font-size: 13pt;
	color: #666666;
}

/* -- SINGLE VALUE DROP DOWN -- */
.dropdownitems
{
	border: 1px solid #000000;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ffffff;
}
.dropdownitems A
{
	margin: 2px;
	padding-left: 8px;
	padding-right: 15px;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #E7E8AD;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.dropdownitems .Active
{
	color: #000000;
}
.dropdownitems .Active:hover
{
	background-color: rgb(193, 210, 238);
	border: 1px solid rgb(49, 106, 197);
}
.dropdownitems .InActive
{
	color: #666666;
}

/* -- GENERAL AREA -- */
.contentArea
{
	position: absolute;
	left: 20px;
	top: 100px;
	right: 20px;
	bottom: 20px;
	overflow: auto;
}
* html .contentArea
{
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 100px;
	padding-bottom: 20px;
}
* html .contentArea .scrollContent
{
	overflow: auto;
	height: 100%;
	width: 100%;
}


/* error information */
.errorSummary
{
	color: Red;
	margin-bottom: 5px;
	border: 1px solid red;
	background-color: rgb(255, 255, 225);
	padding: 10px;
}
.errorSummary UL
{
	margin-top: 5px;
	margin-bottom: 10px;
}
.errorSummary LI
{
	list-style-type: square;
}
.errorTitle
{
	font-weight: bold;
	padding-left: 25px;
	background-color: Transparent;
	background-image: url( '../Controls/Validation/Error.gif' );
	background-position: left top;
	background-repeat: no-repeat;
}

.inputtable TD
{
	font-size: 10pt;
	padding-right: 5px;
	line-height: 18px;
}
.inputtable .label
{
	color: #777777;
	vertical-align: top;
	white-space: nowrap;
}
.inputtable .section
{
	font-weight: bold;
	color: #666666;
	font-size: 11pt;
	padding-top: 20px;
}
INPUT
{
	font-size: 10pt;
}
/* -- GENERIC TABLE VIEW -- */
.tableViewer
{
}
.tableViewer TH
{
	text-align: left;
	font-size: 9pt;
	text-decoration: none;
	color: #83B817;
	font-weight: normal;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
	white-space: nowrap;
}
.tableViewer TD
{
	border-bottom: 1px solid #CCCCCC;
	font-size: 10pt;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	vertical-align: top;
}

.dialogBox
{
	position: absolute;
	border: 5px solid #83B817;
	background-color: #ffffff;
	padding: 20px;
	font-family: verdana;
	left: 10px;
	top: 20px;
}
.dialogBox .dialogTitle
{
	font-size: 21pt;
	font-family: Tahoma;
	color: #666666;
}
.dialogBox .dialogContent
{
	border-top: 1px solid #DCDCDC;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto; /* This is needed to fix the firefox bug that the caret (flashing cursor) is otherwise hidden */
}
* html .dialogBox .dialogContent
{
	padding-bottom: 0px;
}



.dialogBox .dialogButtons
{
	clear: left;
	float: none;
	text-align: right;
	padding-top: 10px;
	border-top: 1px solid #DCDCDC;
}
.dialogBox .dialogButtons .button
{
	width: 100px;
	margin-left: 14px;
}
.dialogBox .label
{
	font-size: 12px;
}



/* -- SEARCH OPTIONS DIALOG -- */
.searchOptionsDialog
{
	border: 2px solid #333;
}

.searchOptionsDialog .dialogContent
{
	width: 400px;
	height: 200px;
}
.searchOptionsDialog .dialogContent .optionsTitle
{
	font-weight: bold;
}



/* -- new layout -- */
/* -- for all pages -- */
html
{
	overflow: hidden;
	width: 100%;
	height: 100%;
}
body
{
	background-color: #fff;
	margin: 0px;
	overflow: hidden;
	font-family: Verdana;
	width: 100%;
	height: 100%;
	font-size: 9pt;
}

/* -- header -- */
.logo
{
	position: absolute;
	display: block;
	float: left;
	background-image: url(Img/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 180px;
	height: 51px;
	left: 14px;
	top: 15px;
	border-bottom: none;
	z-index: 2;
}

.menubar
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 81px;
	width: 100%;
	border-bottom: none;
	z-index: 1;
	overflow: hidden;
	background: url(Img/header_bg.jpg);
}

.studio
{
	color: #000;
	font-size: 18pt;
	text-decoration: none;
	color: #959497;
	font-family: Arial Narrow, Arial, Verdana;
	float: left;
	padding-top: 28px;
	padding-left: 225px;
}
.studio:hover
{
	color: #033458;
}
.menubar .tools
{
	float: right;
	font-size: 9pt;
	padding-top: 11px;
}

.menubar .tools A
{
	color: #000;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

.menubar .tools A:hover
{
	color: #033458;
}

/* -- footer -- */
.footer
{
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0px;
	height: 20px;
	font-size: 11px;
	font-family: Verdana;
	text-align: right;
	padding-right:200px;
	border-top:1px #dadad2 solid;
}
.innerfooter
{
	position: absolute;
	left: 0px;
	top: -2px;
	width: 167px;
}
.footer A
{
	color: #00f;
	text-decoration: none;
}
.footer A:hover
{
	text-decoration: underline;
}
.leftframe
{
	position: absolute;
	top: 0px;
	height: 100%;
	width: 381px;
	background-color: #f3f0e9;
	overflow: hidden;
}
.home .leftframe
{
	/*background-color: #e5eba9;*/
}
.leftframe .header
{
	position: absolute;
	margin-top: 0px;
	padding-left: 15px;
	height: 40px;
	width: 365px;
	overflow: hidden;
	border-right:1px #033458 solid;
	background:url(Img/sub_header.jpg);
}
.leftframe .header .title
{
	padding-top: 5px;
	color: #fff;
	font-family: Arial Narrow;
	font-size: 18pt;
	height: 28px;
	overflow: hidden;
}

.home .leftframe .header .title
{
	padding-top: 6px;
	height: auto;
	color: #fff;
}

.leftframe .content
{
	position: absolute;
	padding-left: 15px;
	top: 40px;
	bottom: 3px;
	right: 0px;
	left: 0px;
	padding-top: 5px;
	padding-right:15px;
	padding-bottom: 15px;
	overflow: auto;
}

.leftframe .content .info
{
	padding: 12px 0 20px 0;
	font-size: 10px;
}
.leftframe .content table
{
	width:100%;
	margin:0px;
}
.leftframe .content .treeview table
{
	width:auto;
}
.leftframe .content .treeview table td
{
	font-size:9pt;
}
.leftframe .content .treeview table td a.reportnode
{
	color:#000000;
	text-decoration:none;
	padding-left:3px;
}
.leftframe .content .treeview table td a.reportnode:hover
{
	color:#4d686b;
	text-decoration:none;
	padding-left:3px;
}

.leftframe .content .subtitle
{
	padding: 0 0 0px 0;
	margin-bottom:3px;
	margin-top:8px;
	border-bottom:1px #666 solid;
}
.leftframe .content .searchheader
{
	border-bottom:1px #666 solid;
	width:100%;
	display:block;
	height:30px;
	margin-bottom:8px;
}
.leftframe .content .searchheader .subtitle
{
	border-bottom:none;	
	float:left;
}

.leftframe .content .searchheader .topsearchbuttons
{
	float:right;	
}

.outerright
{
	position: absolute;
	padding: 0px;
	top: 42px;
	right: 10px;
	bottom: 3px;
	overflow: auto
}

.rightframe
{
	position: absolute;
	padding: 0px;
	left: 381px;
	top: 0px;
	right: 0px;
	bottom: 0px; 
}
* html .rightframe
{
	height: expression((document.body.clientHeight - 84)+  "px" );
	width: expression((document.body.clientWidth - 390)+  "px" );
}

.rightframe .header
{
	position: absolute;
	width: 100%;
	height: 78px;
}
.rightframe .header .tools
{
	height: 40px;
	padding-left: 15px;
}
.rightframe .header .toptools
{
	border-left:1px #0485f2 solid;
	background:url(Img/sub_header.jpg);
	height: 35px;
	padding:5px 8px 0 8px;
}
.rightframe .header .bottomtools
{
	border:1px solid #dbdbdb;
	background:url(Img/gallery_header.jpg);
	height: 30px;
	padding-left: 8px;
	padding-top:6px;
}
.rightframe .header SELECT
{
	font-size: 11px;
	height: 18px;
}

.rightframe .content
{
	position: absolute;
	padding: 6px;
	top: 77px;
	right: 0px;
	left: 0px;
	bottom: 5px;
	overflow: auto;
	padding-left:0px;
}

.rightframe .content .subtitle
{
	padding: 0 0 10px 0;
}

.rightframe .content .label
{
	font-size: 10px;
	padding-left:5px;
}

.rightframe .content .info
{
	font-size: 10px;
	padding-top: 20px;
	padding-bottom: 5px;
	color: Gray;
}

.rightframe .content .assettype input
{
	padding-left: 0px;
	margin: 0;
}

.rightframe .content .assettype label
{
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right:15px;
}

.rightframe .content .searchtree
{
}

.rightframe .content .tree
{
	vertical-align: top;
	float: left;
}

.rightframe .content .searchtree .treetitle
{
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
	display: block;
	margin-right: 12px;
	margin-left: 2px;
}

.rightframe .content .searchtree .treeView
{
	padding-top: 0px;
}

.basicsearchframe
{
	/*position: absolute;
	left: 0px;
	top: 0px;
	bottom: 40px;*/
	width: 100%;
}

/* -- outer placeholder -- */
.outerframe
{
	position: absolute;
	width: 100%;
	top: 81px;
	bottom: 20px;
}

/* -- general elements -- */
.closebutton
{
	float: right;
	background-color: #fff;
	border: solid 1px #C6DC96;
	color: #000;
	font-weight: bold;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 3px;
	padding-bottom: 2px;
}
.closebutton:hover
{
	border: solid 1px #FF4000;
	background-color: #FF4000;
	color: #fff;
}




.home .baseleftframe
{
	background-color: #f3f0e9;
	float:left;
	width:24.5%;
	height:573px;
}
.baseleftframe .header
{
	/*position: absolute;*/
	padding-left: 10px;
	/*width: 100%;*/
	/*border-bottom: solid 1px #BFDA87;*/
	background:url(Img/sub_header.jpg);
	height: 39px;
	border-right:1px #033458 solid;
	overflow: hidden;
	border-bottom:1px #033458 solid;
}
.baseleftframe .header .title
{
	padding-top: 5px;
	color: #fff;
	font-family: Arial Narrow;
	font-size: 18pt;
	/*width: 207px;*/
	height: 28px;
	overflow: hidden;
}

.home .baseleftframe .header .title
{
	padding-top: 6px;
	height: auto;
	color: #fff;
}

.baseleftframe .content
{
	/*position: absolute;*/
	padding-left: 10px;
	/*top: 42px;
	bottom: 3px;
	right: 0px;
	left: 0px;*/
	padding-top: 5px;
	/*padding-bottom: 15px;*/
	overflow: auto;
	height:100%;
	background:#f3f0e9;
}

.baseleftframe .content .info
{
	padding: 12px 0 20px 0;
	font-size: 10px;
}

.baserightframe
{
	padding: 0px;
	/*position: absolute;*/
	float:left;
	width:75%;
	/*top: 0px;
	right: 0px;
	bottom: 0px; */
	border-left:1px #dbdbdb solid;
}
* html .baserightframe
{
	height: expression((document.body.clientHeight - 84)+  "px" );
	width: expression((document.body.clientWidth - 270)+  "px" );
}

.baserightframe .header
{
	/*position: absolute;*/
	width: 100%;
	height: 78px;
	overflow: hidden;
}

.baserightframe .header .tools
{
	padding-left: 15px;
	
}

.baserightframe .header .toptools
{
	border-left:1px #0485f2 solid;
	background:url(Img/sub_header.jpg);
	height: 35px;
	padding-top:5px;
	padding-left: 8px;	
}
.baserightframe .header .bottomtools
{
	border:1px solid #dbdbdb;
	background:url(Img/gallery_header.jpg);
	height: 30px;
	padding-left: 8px;
	padding-top:6px;	
}
.baserightframe .header SELECT
{
	font-size: 11px;
	height: 18px;
}
.baserightframe .mosaicView
{
	height:510px;
	overflow:scroll;
}
.baserightframe .content
{
	/*position: absolute;*/
	padding: 0px;
	/*top: 42px;
	right: 0px;
	left: 0px;
	bottom: 3px;*/
	overflow:hidden;
}
.basketPopup 
{
    z-index: 2000;
    background-color: #fff;
    border: solid 1px #E5E5E5;
    line-height: 20px;
    padding: 4px;
}
.basketPopup .message 
{
    color: #000000;
    margin-left: 5px;
    margin-bottom: 5px;
    
}    
.basketPopup A 
{
    display: block;
}


.basketmenuContainer
{
    height: 19px; /*Important!! gelijk aan de hoogte van de <a href>*/
    width: 200px; /*Important!! Gelijk in gewoon en hover modus*/
    overflow: hidden; /*Important!!Verbergen van het basketmenu*/
}
.basketmenuContainer:hover
{
    width: 200px; /*Important!! Gelijk in gewoon en hover modus*/
    overflow: visible; /*Important!! Tonen van het basketmenu*/
}
.basketmenuTrigger
{
    width: 195px; /*Important!!Geen 100px omdat ik 5px padding toevoeg hieronder*/
    float: left; /*Important!! door hun width gelijk te zijn aan dat van de container komen ze onder elkaar te staan.*/
    text-decoration: none; /*trigger styling*/
    background-color: Gray; /*trigger styling*/
    padding-left: 5px; /*trigger styling*/
    color: White; /*trigger styling*/
}
.basketmenuContainer .basketmenu
{
    z-index: 2000;
    background-color: ButtonFace;
    width: 200px; /*Important!! door hun width gelijk te zijn aan dat van de container komen ze onder elkaar te staan.*/
    margin: 0px; /*basketmenu list styling*/
    padding: 0px; /*basketmenu list styling*/
    list-style: none; /*basketmenu list styling*/
}
.basketmenuContainer .basketmenu li:hover
{
    background-color: Yellow; /*basketmenu item styling*/
}


.mosaicviewicon {
	background:url(Img/view_thumb.gif);
	height:25px;
	width:29px;
	padding:0px;
	margin:0px;
	float:left;
	margin-left:3px;
}
.listviewicon
{
	background:url(Img/view_list.gif);
	height:25px;
	width:28px;
	padding:0px;
	margin:0px;
	float:left;
}
.mosaicviewicon.active, .mosaicviewicon:hover {
	background:url(Img/view_thumb_over.gif);
}
.listviewicon.active, .listviewicon:hover
{
	background:url(Img/view_list_over.gif);
}

.numberofmatchescontainer
{
	float:left;	
	color:#fff;
	padding-top:4px;
	margin-top:4px;
}
.viewselectcontainer
{
	float:left;	
	text-align:center;
	margin-top:3px;
	color:#fff;
}
.viewselectcontainer span {float:left; margin-left:35px; padding-top:4px;}
.viewsizeselectcontainer
{
	color:#fff;
	float:left;	
	margin-left:35px;
	margin-top:0px;
}

.zonebutton
{
    background: transparent url(Img/green_button_a.png) no-repeat scroll top right; color: #fff; font: bold 12px verdana, sans-serif; height: 29px; text-align:center; margin-right: 6px; padding-right: 4px; text-decoration: none; margin-top:0px;
}
.zonebutton > span{	background: url(Img/green_button.png) transparent  no-repeat top left; display: block; vertical-align:middle; line-height:18px; padding: 5px 6px 6px 11px;}

.down.arrow
{
    background-repeat:no-repeat;
    background-image: url(Img/desc_white.gif);
    background-position: 0 5px;
    padding-left: 9px;
    margin-left: 5px;
}

.uploadzonebutton {background: transparent url(Img/green_button_a.png) no-repeat scroll top right; color: #fff; float: right; font: bold 12px verdana, sans-serif; height: 29px; text-align:center; margin-right: 6px; padding-right: 4px; text-decoration: none; margin-top:0px;}
.uploadzonebutton span{	background: url(Img/green_button.png) transparent  no-repeat top left; display: block; vertical-align:middle; line-height:18px; padding: 5px 6px 6px 11px;}
.uploadzonebutton:hover{ background-position: bottom right; color: #fff; outline: none;}
.uploadzonebutton:hover span{ background-position: 0px -29px; padding: 5px 6px 6px 11px;}

.addalltobasketicon
{
	background:url(Img/icon_check_all.gif);
	height:24px;
	width:42px;
	padding:0px;
	margin:0px;
	float:left;
	margin-left:3px;
	margin-right:7px;
	margin-top:0px;
}
.addalltobasketicon:hover
{ 
	background-position:0 -24px;
}

.filtercontainer
{
	float:left;
	margin-right:5px;
	margin-top:0px;
}

.sortcontainer
{
	float:left;	
	margin-right:5px;
	margin-top:0px;
}

.roundedbutton { background: url(Img/buttona.png) transparent no-repeat scroll top right; color: #666; display: block; float: right; font: bold 11px verdana, sans-serif; height: 20px; margin-right: 4px; padding-right: 9px; text-decoration: none;text-indent:3px;}
.roundedbutton span { background: transparent url(Img/buttonb.png) no-repeat scroll top left; display: block; line-height:7px;height:9px; padding: 6px 0 5px 6px;}
.roundedbutton:hover{ background-position: bottom right; color: #000; outline: none;}
.roundedbutton:hover span{ background-position: 0px -20px; padding: 6px 0 5px 6px;}

.formatgrid
{
	width:100%;	
	border:none;
}
.formatgrid .formatgridheader
{
	background:url(Img/sub_header.jpg)	;
	height:34px;
	color:#FFF;
	border-bottom:1px solid #033458;
}
.formatgrid .formatgridheader th { text-align:left; padding-left:6px; border:none;}
.formatgrid .formatgridrow
{
	background:#f5f5f5;
	border-bottom:1px solid #dbdbdb;
}
.formatgrid .formatgridrow td
{
	padding:4px;	
	border:none;
}


.leftframe .texticon
{
	margin:0px; 
	padding:0px;
	display:block;
	height:18px;
	padding-left:28px;
}

.leftframe .texticon:hover {color:#ffffff; background: url(Icons/Actions/arrow.gif) no-repeat #033458;}
.leftframe .applylink{ background:url(Img/save_single.gif) no-repeat;}
.leftframe .savelink{ background:url(Img/save_close.gif) no-repeat;} 
.leftframe .versionslink{ background:url(Img/create_format.gif) no-repeat;} 
.leftframe .zoomlink{ background:url(Img/preview.gif) no-repeat;} 
.leftframe .zoominlink{ background:url(Img/preview_plus.gif) no-repeat;} 
.leftframe .imageslink{ background:url(Img/thumbnail_create.gif) no-repeat;} 
.leftframe .versionslink{ background:url(Img/copy.gif) no-repeat;} 

.dialog
{
	background-color: White;
    border: 7px solid #E5EBA9;
}

.dialog .dialogtitle
{
	clear:both;
	background-color: #E5EBA9;
    color: Black;
}

.rightframe .searchresults
{
	position: absolute;
	padding: 6px;
	top: 72px;
	right: 0px;
	left: 0px;
	bottom: 5px;
	overflow: hidden;
	padding-left:0px;
}

.baserightframe .searchresults
{
	position: absolute;
	padding: 6px;
	top: 72px;
	right: 0px;
	left: 0px;
	bottom: 5px;
	overflow: hidden;
	padding-left:0px;
}

.rightframe .highlights
{
	position: relative;
	padding: 6px;
	overflow: hidden;
	padding-left:0px;
}

.baserightframe .listView
{
	height:510px;
	overflow:scroll;
}

.parentlist
{
	height:100%;
}

.a_fieldsearchicon 
{
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}
.a_fieldsearchicon:hover 
{
	background-color: #5A601A;
	color: #ffffff;
}

.fieldsearchinput 
{
    width:100%
}

div#oReportDiv
{
    overflow:visible !important; 
}


.fieldsviewwebcontroltextstyle input
{
    width:250px;
  border: 1px solid #DBDBDB
}

input.fieldsviewwebcontroltextstyle
{
      width:250px;
  border: 1px solid #DBDBDB
}



.fieldsviewwebcontroltextstylelarge input
{
    width:500px;
  border: 1px solid #DBDBDB;

}

input.fieldsviewwebcontroltextstylelarge
{
      width:500px;
  border: 1px solid #DBDBDB;

}




.fieldsviewwebcontroltextstylelarge textarea
{
    width:500px;
height:300px;
 border: 1px solid #DBDBDB
    
   
}


.fieldsviewwebcontroltextstyle textarea
{
    width:250px;
height:100px;
 border: 1px solid #DBDBDB
    
   
}
.fieldsviewwebcontroltextstyle select
{
    width:250px;

 border: 1px solid #DBDBDB
    
   
}

td.fieldsviewwebcontroltextstylelarge, td.fieldsviewwebcontroltextstyle
{
 text-align:left;
}


td.fieldsviewwebcontrollabelstyle
{
    width:25%;
    vertical-align:top;
}

td.normalcontrollabelstyle
{
    width:25%;
    vertical-align:top;
}

.FAQblock
{
    height:116px;
}