/* =================== Shell Styles =================== */

/* ----- Tabs ----- */
#tabs ul .flipcharts a{height:105px;background:url(../images/tabs/flipcharts.png) no-repeat;}
#tabs ul .flipcharts a.on{background:url(../images/tabs/flipcharts-on.png) no-repeat;}

/* ----- Reversed Tabs ----- */
body.reverse #tabs ul .flipcharts a{background:url(../images/tabs/flipcharts-reversed.png) no-repeat right top;}
body.reverse #tabs ul .flipcharts a.on{background:url(../images/tabs/flipcharts-on-reversed.png) no-repeat;}

/*  ----- Minimised Buttons -----  */
#minimised-buttons p#pages-button a{height:79px;background:url(../images/flipcharts/buttons/pages.png) no-repeat;}
#minimised-buttons p#my-resources-button a{height:139px;background:url(../images/flipcharts/buttons/my-resources.png) no-repeat;}

/*  ----- Reversed Minimised Buttons -----  */
body.reverse #minimised-buttons p#pages-button a{background:url(../images/flipcharts/buttons/pages-reversed.png) no-repeat;}
body.reverse #minimised-buttons p#my-resources-button a{background:url(../images/flipcharts/buttons/my-resources-reversed.png) no-repeat;}

/* =================== Flipchart Styles  =================== */
#flipchart_folders{display:block;margin-top:36px;}

#flipchart_folders .folder-title{clear:both;}
#flipchart_folders .folder-title .delete{float:right!important;}
#flipchart_folders .folder-title .delete a{width:39px;height:28px;display:block;text-indent:-10000px;overflow:hidden;background:url(../images/extended/delete-folder.png) no-repeat;}

#flipchart_folders .flipcharts{display:block;padding:10px 10px 0;}

#flipchart_folders .flipcharts .flipchart{padding:0 0 10px;overflow:hidden;}
#flipchart_folders .flipcharts .flipchart .flipchart-icon{margin:0 10px 0 0;float:left;}
#flipchart_folders .flipcharts .flipchart .flipchart-icon a img{width:33px;height:41px;-moz-box-shadow:#000 1px 1px 3px;}
#flipchart_folders .flipcharts .flipchart .description{min-height:17px;}
#flipchart_folders .flipcharts .flipchart .actions{height:24px;overflow:hidden;}
#flipchart_folders .flipcharts .flipchart .actions a{height:24px;float:left;display:block;text-indent:-10000px;overflow:hidden;}
#flipchart_folders .flipcharts .flipchart .actions .delete{width:83px;margin:0 10px 0 0;background:url(../images/extended/delete-bookmark.png) no-repeat;}
#flipchart_folders .flipcharts .flipchart .actions .information{width:108px;margin:0 10px 0 0;background:url(../images/extended/information.png) no-repeat;}

#flipchart_pages{margin-top:8px;}
#flipchart_pages .flipchart-title{font-size:1.15em;}
#flipchart_pages .flipchart-page-ctrl{padding:4px; height:34px;background:url(../images/extended/folder-ctrl-bg.png) repeat-x;}
#flipchart_pages .flipchart-page-ctrl .new_page{line-height:14px;width:109px;height:30px;display:block;text-indent:-10000px;overflow:hidden;background:url(../images/flipcharts/new-page.png) no-repeat;border:none;}
#flipchart_pages .flipchart-page-list{height:318px;background:#fff;margin:6px;-moz-border-radius:6px;padding:4px;color:#000;overflow-y:auto;overflow-x:hidden;}
#flipchart_pages .flipchart-page-list li.alt-row{background:url(../images/flipcharts/page-item-background.png) no-repeat;}
ul.flipchart-page{overflow:hidden;padding:4px 6px 3px 6px; width:202px;}
ul.flipchart-page li{float:left;margin:0 6px 2px 0;}
ul.flipchart-page li.flipchart-page-title a{color:#000 !important}
ul.flipchart-page li.flipchart-page-delete{float:right !important;}
ul.flipchart-page li.flipchart-page-delete a{display:block;height:23px;width:23px;text-indent:-10000px;background:transparent url(../images/shared/close.png) no-repeat;margin-right:3px;}
#page_list .current-page{background:url(../images/flipcharts/page-item-on-background.png) no-repeat;}

div.flipchart-resource{cursor:move;}
div.flipchart-resource img{cursor:pointer;}
div#map div.delete{width:10px;height:10px;position:absolute;top:0;right:0;-moz-border-radius:4px;}
div#map div.delete a{width:10px;line-height:9px;display:block;background:#ff0000;color:#fff;font-weight:bold;text-align:center;-moz-border-radius:4px;cursor:pointer;}

div#dragHandles div.dragHandle {height:6px;width:6px;background:white;border:1px solid black;}


/* =================== Flipchart Resources =================== */
#flipchart-resources{width:930px;height:170px;margin:0 0 0 -465px;position:absolute;bottom:0;left:50%;z-index:2000002;background:url(../images/flipcharts/resources/bg.png) repeat;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;}

/* ----- Minimise Button ----- */
#flipchart-resources .minimise{position:absolute;top:8px;right:10px;}

/* ----- Resource Tabs ----- */
#flipchart-resources .tabs{height:39px;}
#flipchart-resources .tabs ul{height:29px;padding:10px 0 0 20px;overflow:hidden;}
#flipchart-resources .tabs ul li{margin:0 5px 0 0;float:left;}
#flipchart-resources .tabs ul li a{height:29px;display:block;overflow:hidden;text-indent:-10000px;}
#flipchart-resources .tabs ul li.pictures a{width:88px;background:url(../images/flipcharts/resources/tabs/pictures.png) repeat;}
#flipchart-resources .tabs ul li.pictures a.on{background:url(../images/flipcharts/resources/tabs/pictures-on.png) repeat;}
#flipchart-resources .tabs ul li.documents a{width:109px;background:url(../images/flipcharts/resources/tabs/documents.png) repeat;}
#flipchart-resources .tabs ul li.documents a.on{background:url(../images/flipcharts/resources/tabs/documents-on.png) repeat;}
#flipchart-resources .tabs ul li.audio a{width:71px;background:url(../images/flipcharts/resources/tabs/audio.png) repeat;}
#flipchart-resources .tabs ul li.audio a.on{background:url(../images/flipcharts/resources/tabs/audio-on.png) repeat;}
#flipchart-resources .tabs ul li.video a{width:71px;background:url(../images/flipcharts/resources/tabs/video.png) repeat;}
#flipchart-resources .tabs ul li.video a.on{background:url(../images/flipcharts/resources/tabs/video-on.png) repeat;}

/* ----- Resources Carousel ----- */
#flipchart-resources .carousel{height:131px;margin:0 10px;position:relative;background:#fff;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;}

/* Arrows */
#flipchart-resources .carousel .arrow{position:absolute;top:37px;}
#flipchart-resources .carousel .arrow.disabled{opacity:0.4;}
#flipchart-resources .carousel .arrow.disabled a{cursor:default;}
#flipchart-resources .carousel .arrow a{width:45px;height:41px;display:block;overflow:hidden;text-indent:-10000px;}
#flipchart-resources .carousel .arrow.left{left:10px;}
#flipchart-resources .carousel .arrow.left a{background:url(../images/flipcharts/resources/arrows/left.png) repeat;}
#flipchart-resources .carousel .arrow.right{right:10px}
#flipchart-resources .carousel .arrow.right a{background:url(../images/flipcharts/resources/arrows/right.png) repeat;}

/* Viewport */
#flipchart-resources .viewport{width:780px;height:115px;margin:0 auto;padding:15px 0 0;overflow:hidden;}
#flipchart-resources .viewport ul{display:table;padding:1px;}
#flipchart-resources .viewport ul li{width:80px;padding:0 10px 0 0;display:table-cell;cursor:move;}
#flipchart-resources .viewport ul li.no-resources{width:auto;padding:39px 0 0;font-size:14px;cursor:default;}
#flipchart-resources .viewport ul li span{width:77px;height:81px;margin:0 0 5px;display:block;-moz-box-shadow:#000 1px 1px 3px;}
#flipchart-resources .viewport ul.audio li span{background:url(../images/flipcharts/resources/icons/audio.png) repeat;}
#flipchart-resources .viewport ul.documents li span{background:url(../images/flipcharts/resources/icons/documents.png) repeat;}
#flipchart-resources .viewport ul.video li span{background:url(../images/flipcharts/resources/icons/video.png) repeat;}
#flipchart-resources .viewport ul.pictures li span{overflow:hidden;}
#flipchart-resources .viewport ul.pictures li span img{width:77px;height:81px;}

.dragging{position:absolute!important;}