.folderHolder {background: red;}
  .fileHolder {background: blue;}
  .folderHolder {float: left; width: 205px; margin-right: 5px;}
  .fileHolder {float: left; width: 500px;}

  .fileInfoPane  {}
  .fileInfoPaneChart {text-align: center; padding: 10px 0 10px;}
  .fileInfoPaneHolder {padding: 0 10px;}
  h2.fileInfoName {}
  .fileInfoLocation {font-size: 10px;}
  .fileInfoCreated {font-size: 10px; margin-top: 10px;}
  .fileInfoSizes {margin-top: 10px;}
  .fileInfoSizes li.header {font-weight: bold;}
  .fileInfoSizes li .title {display: block; float: left; width: 270px; }
  .fileInfoSizes li .size {display: block; float: left; width: 60px; text-align: right; margin-left: 10px;}
  .fileInfoSizes li .bytes {display: block; float: left; width: 80px; text-align: right; margin-left: 10px;}

  .fileInfoPaneSide  {}
  .fileInfoPaneChartSide {text-align: center; padding: 5px 0 0;}
  .fileInfoPaneFileCountSide {display:block; width: 170px; margin: 0 auto 5px;}
  .fileInfoPaneHolderSide {display:block; width: 170px; margin: 0 auto;}
  .fileInfoSizesSide {padding:0!important;margin:0!important;}
  .fileInfoSizesSide li {padding:0!important;margin:0!important;}
  .fileInfoSizesSide li.header {font-weight: bold; font-size:12px;}
  .fileInfoSizesSide li { font-size:11px;}
  .fileInfoSizesSide li .title {display: block; float: left; width: 30px; font-weight: bold;}
  .fileInfoSizesSide li .size {display: block; float: left; width: 50px; text-align: right;}
  .fileInfoSizesSide li .bytes {display: block; float: left; width: 90px; text-align: right;}

  a.downloadButton {
    display: block; border: 1px solid #aaa; background: url(/common/images/buttonNormal.jpg) center center; -moz-border-radius: 3px; padding: 4px 10px; font-weight: bold;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
  a.downloadButton:link,
    a.downloadButton:visited,
      a.downloadButton:active {color: black;}
  a.downloadButton:hover { border: 1px solid #fa0; background: url(/common/images/buttonHover.jpg) center center;}

  #portalButtons {margin-bottom: 10px;}
  a.portalButton {display: block; border: 1px solid #aaa; background: url(/common/images/buttonNormal.jpg) center center; -moz-border-radius: 3px; padding: 4px 10px; font-weight: bold;}
  a.portalButton {float: left; margin-right: 5px; width: 100px;}
  a.portalButton {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
  a.portalButton:link,
    a.portalButton:visited,
      a.portalButton:active {color: black; text-decoration: none; text-align: center}
  a.portalButton:hover {border: 1px solid #fa0;  background: url(/common/images/buttonHover.jpg) center center; }

  /*
  .upload-icon {background: url('/common/images/toolbar/add.png') no-repeat 0 0 !important;}
  .trash-icon {background: url('/common/images/filemanager/trash.png') no-repeat 0 0 !important;}
  
  .section-locker {background: url('/common/images/filemanager/home.png') no-repeat 0 0 !important;}
  .section-modules {background: url('/common/images/filemanager/services.png') no-repeat 0 0 !important;}

  .section-groups {background: url('/common/images/filemanager/group.png') no-repeat 0 0 !important;}
  .section-news {background: url('/common/images/filemanager/news.png') no-repeat 0 0 !important;}
  .section-blog {background: url('/common/images/filemanager/blog.png') no-repeat 0 0 !important;}
  .section-event {background: url('/common/images/filemanager/cal.png') no-repeat 0 0 !important;}
  .section-podcast {background: url('/common/images/filemanager/podcast.png') no-repeat 0 0 !important;}
  
  .node-news,
    .node-blog,
      .node-event,
        .node-podcast {background: url('/common/images/filemanager/file.png') no-repeat 0 0 !important;}
  .node-folder {background: url('/common/images/filemanager/folder.gif') no-repeat 0 0 !important;}
  
  .section-all {background: url('/common/images/filemanager/all.png') no-repeat 0 0 !important;}
  .section-trash {background: url('/common/images/filemanager/trash.png') no-repeat 0 0 !important;}
  */


/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
    width: 345px;
}

/*!
 * Ext JS Library 3.1.1
 * Copyright(c) 2006-2010 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
#images-view .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#images-view .thumb{
	background: #D4D4D4;
	padding: 3px;
	text-align: center;
}
#images-view .thumb img{
	height: 60px;
	width: 80px;
}
#images-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#images-view .thumb-disabled{
  background: #fee url(/common/images/disabledBG.png);
  -moz-border-radius: 4px;
	padding: 4px;
  border: 1px solid #c00;
}
#images-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#images-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#images-view .x-view-selected{
	background: #eff5fb /* url(images/selected.gif) no-repeat right bottom; */
	border:1px solid #99bbe8;
	padding: 4px;
}
#images-view .x-view-selected .thumb{
	background:transparent;
}

#images-view .loading-indicator {
	font-size:11px;
	/*background-image:url('../../resources/images/default/grid/loading.gif');*/
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

#thumbView .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#thumbView .thumb{
	background: #dddddd;
	padding: 3px;
}
#thumbView .thumb img{
	height: 60px;
	width: 80px;
}
#thumbView .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#thumbView .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#thumbView .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#thumbView .x-view-selected{
	background: #eff5fb /* url(images/selected.gif) no-repeat right bottom; */
	border:1px solid #99bbe8;
	padding: 4px;
}
#thumbView .x-view-selected .thumb{
	background:transparent;
}

#thumbView .loading-indicator {
	font-size:11px;
	/*background-image:url('../../resources/images/default/grid/loading.gif');*/
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}


.cpThumbs .thumb{
	background: #D4D4D4;
	padding: 3px;
  width: 48px;
	height: 48px;
	margin: 0 auto;
	text-align: center;
}

.cpThumbs .cp_schoolInfo { background: url(../images/siteconfig/SchoolBuilding_48.png) center center no-repeat;}
.cpThumbs .cp_ebusInfo { background: url(../images/siteconfig/ebus/building.png) center center no-repeat;}
.cpThumbs .cp_navigationEditor { background: url(../images/siteconfig/Binary-tree-48.png) center center no-repeat;}
.cpThumbs .cp_schoolManager { background: url(../images/siteconfig/School-48.png) center center no-repeat;}
.cpThumbs .cp_ebusManager { background: url(../images/siteconfig/ebus/city.png) center center no-repeat;}
.cpThumbs .cp_departmentManager { background: url(../images/siteconfig/School_48.png) center center no-repeat;}
.cpThumbs .cp_ebusDepartmentManager { background: url(../images/siteconfig/ebus/Library.png) center center no-repeat;}
.cpThumbs .cp_classesManager { background: url(../images/siteconfig/Ordinateur_48.png) center center no-repeat;}
.cpThumbs .cp_forumManager { background: url(../images/siteconfig/chat_48.png) center center no-repeat;}
.cpThumbs .cp_categoryManager { background: url(../images/siteconfig/Tag-48.png) center center no-repeat;}
.cpThumbs .cp_helpTopics { background: url(../images/siteconfig/Help-48.png) center center no-repeat;}
.cpThumbs .cp_aboutCS2 { background: url(../images/siteconfig/Webdev-48.png) center center no-repeat;}
.cpThumbs .cp_userGroups { background: url(../images/siteconfig/Users-48.png) center center no-repeat;}
.cpThumbs .cp_ldapLogin { background: url(../images/siteconfig/Network-48.png) center center no-repeat;}
.cpThumbs .cp_myExplorer { background: url(../images/siteconfig/Explorer-48.png) center center no-repeat;}
.cpThumbs .cp_myKeychain { background: url(../images/siteconfig/Keychain48.png) center center no-repeat;}
.cpThumbs .cp_videoPresets { background: url(../images/siteconfig/Video_48.png) center center no-repeat;}

.cpThumbs .cp_ugUsers { background: url(../images/siteconfig/Community-48.png) center center no-repeat;}
.cpThumbs .cp_ugGroups { background: url(../images/siteconfig/Groups-48.png) center center no-repeat;}
.cpThumbs .cp_ugImport { background: url(../images/siteconfig/Import-48.png) center center no-repeat;}
.cpThumbs .cp_userProfile { background: url(../images/siteconfig/Userprofile-48.png) center center no-repeat;}
.cpThumbs .cp_userLinkedAccounts { background: url(../images/siteconfig/Satellite-48.png) center center no-repeat;}
.cpThumbs .cp_homeicon { background: url(../images/siteconfig/home-48.png) center center no-repeat !important;}
.cpThumbs .cp_homeLayout { background: url(../images/siteconfig/blockdevice-48.png) center center no-repeat !important;}
.cpThumbs .cp_homeWidgets { background: url(../images/siteconfig/widgets-48.png) center center no-repeat !important;}
.cpThumbs .cp_productManager { background: url(../images/siteconfig/Shopping_cart48.png) center center no-repeat;}

.cpThumbs .cp_homeApps { background: url(../images/siteconfig/Apps-48.png) center center no-repeat !important;}


.cpi_schoolInfo { background: url(../images/siteconfig/SchoolBuilding_16.png) center center no-repeat;}
.cpi_ebusInfo { background: url(../images/siteconfig/ebus/building16.png) center center no-repeat;}
.cpi_navigationEditor { background: url(../images/siteconfig/Binary-tree-16.png) center center no-repeat;}
.cpi_schoolManager { background: url(../images/siteconfig/School-16.png) center center no-repeat;}
.cpi_ebusManager { background: url(../images/siteconfig/ebus/city16.png) center center no-repeat;}
.cpi_departmentManager { background: url(../images/siteconfig/School_16.png) center center no-repeat !important;}
.cpi_ebusDepartmentManager { background: url(../images/siteconfig/ebus/Library16.png) center center no-repeat;}
.cpi_classesManager { background: url(../images/siteconfig/Ordinateur_16.png) center center no-repeat !important;}
.cpi_forumManager { background: url(../images/siteconfig/chat_16.png) center center no-repeat;}
.cpi_categoryManager { background: url(../images/siteconfig/Tag-16.png) center center no-repeat;}
.cpi_helpTopics { background: url(../images/siteconfig/Help-16.png) center center no-repeat;}
.cpi_aboutCS2 { background: url(../images/siteconfig/Webdev-16.png) center center no-repeat;}
.cpi_userGroups { background: url(../images/siteconfig/Users-16.png) center center no-repeat;}
.cpi_ldapLogin { background: url(../images/siteconfig/Network-16.png) center center no-repeat;}
.cpi_myExplorer { background: url(../images/siteconfig/Explorer-16.png) center center no-repeat;}
.cpi_myKeychain { background: url(../images/siteconfig/Keychain16.png) center center no-repeat;}
.cpi_productManager { background: url(../images/siteconfig/Shopping_cart16.png) center center no-repeat;}
.cpi_videoPresets { background: url(../images/siteconfig/Video_16.png) center center no-repeat;}

.cpi_importUser { background: url(../images/siteconfig/Down-16.png) no-repeat !important;}
.cpi_syncUser { background: url(../images/siteconfig/Sync-16.png) no-repeat !important;}
.cpi_connectUser { background: url(../images/siteconfig/Connect.png) no-repeat !important;}
.cpi_disconnectUser { background: url(../images/siteconfig/Disconnect.png) no-repeat !important;}
.cpi_userSettings { background: url(../images/siteconfig/Settings-16.png) no-repeat !important;}
.cpi_userProfile { background: url(../images/siteconfig/Userprofile-16.png) no-repeat !important;}
.cpi_userLinkedAccounts { background: url(../images/siteconfig/Satellite-16.png) no-repeat !important;}

.cpi_homeicon { background: url(../images/siteconfig/home-16.png) no-repeat !important;}
.cpi_homeLayout { background: url(../images/siteconfig/blockdevice-16.png) no-repeat !important;}
.cpi_homeWidgets { background: url(../images/siteconfig/widgets-16.png) no-repeat !important;}
.cpi_homeApps { background: url(../images/siteconfig/Apps-16.png) center center no-repeat !important;}

.cpi_ugUsers { background: url(../images/siteconfig/Community-16.png) center center no-repeat;}
.cpi_ugGroups { background: url(../images/siteconfig/Groups-16.png) center center no-repeat;}
.cpi_ugImport { background: url(../images/siteconfig/Import-16.png) center center no-repeat;}
.helpIcon { background: url(../images/nav/Help.png) center center no-repeat;}

.cpThumbs .thumb-wrap{
	float: left;
	margin: 4px;
	width: 70px;
	margin-right: 0;
	padding: 5px;
}
.cpThumbs .thumb-disabled{
  background: #fee url(/common/images/disabledBG.png);
  -moz-border-radius: 4px;
	padding: 4px;
  border: 1px solid #c00;
}
.cpThumbs .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}
.cpThumbs .x-view-over{
    cursor:pointer;cursor:hand;
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
    -moz-border-radius: 5px;
	padding: 4px;
}
.cpThumbs .x-view-selected{
	background: #eff5fb /* url(images/selected.gif) no-repeat right bottom; */
	border:1px solid #99bbe8;
	padding: 4px;
	-moz-border-radius: 5px;
}
.cpThumbs .x-view-selected .thumb{
	background-color:transparent;
}
.cpThumbs .loading-indicator {
	font-size:11px;
	/*background-image:url('../../resources/images/default/grid/loading.gif');*/
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

.x-form-check-group .x-panel-body {background-color: transparent;}
.x-form-radio-group .x-panel-body {background-color: transparent;}

.postHolder {margin-bottom: 4px; margin: 3px; }
.postHolder .postHolder_wrap {padding: 4px; }
.postHolder .x-view-over {background: #eef; border: 1px solid black; margin: -1px;}
.postHolder .postHolder_wrap .postHolder_thumber {float: left; width: 90px; position: absolute;}
.postHolder .postHolder_wrap .postHolder_container {}
.postHolder .postHolder_wrap .postHolder_container_thumb {float: left; margin-left: 100px; min-height: 80px;}
.postHolder .postHolder_wrap .postHolder_title a {margin-bottom: 5px; font-weight: bold; font-size: 16px; color: black; text-decoration: none;}
.postHolder .postHolder_wrap .postHolder_container .postHolder_title a {margin-bottom: 0;}
.postHolder .postHolder_wrap .postHolder_container .postHolder_author {display: block; margin-bottom: 4px; color: #777;}
.postHolder .postHolder_wrap .postHolder_container .postHolder_author a {color: #5555DD}
.postHolder .postHolder_wrap .postHolder_container .postHolder_date {color: #444;}
.postHolder .postHolder_wrap .postHolder_container .postHolder_content {display: block; margin-bottom: 4px;}
.postHolder .postHolder_wrap .postHolder_container .postHolder_content .contentFloater {float: left; margin-right: 4px; margin-bottom: 4px;}
.postHolder .postHolder_wrap .postHolder_container .postHolder_options {display: block; color: #777}
.postHolder .postHolder_wrap .postHolder_container .postHolder_options a {color: #5555DD}

.postHolder .postHolder_wrap .postHolder_header .dimensionLink {position: absolute; display: none; width: 16px; height: 16px;}
.postHolder .postHolder_wrap .postHolder_header .dimensionLink {background: #eee url(/common/images/tape-measure.png) center center no-repeat}
.postHolder .postHolder_wrap .postHolder_header .dimensionLink {padding: 2px; border: 2px solid #aaa; margin: 5px;}
.postHolder .postHolder_wrap .postHolder_header .dimensionLink span {display: none;}
.postHolder .postHolder_wrap .postHolder_header:hover .dimensionLink {display: block;}
.postHolder .postHolder_wrap .postHolder_header .dimensionLink:hover {border-color: #555; background-color: #fff; }