body, button, .x-tree-node, input, textarea {
	font: 11px /*Tahoma,*/ Arial, Helvetica, sans-serif;
}

A:link{
color:#CD202C;				/* change this color for each atlas */
text-decoration:none;
}
A:visited{
color:#9A1822;
text-decoration:none;
}
A:hover{
text-decoration:underline;
color:#9A1822;
}
A:active{
text-decoration:underline;
color:#9A1822;
}


/*all georgia elements*/
#userDetails,
.x-panel-header-text,
.x-panel-header-text .x-btn-text,
.x-toolbar table tr td span,
.x-window-header-text,
.x-toolbar .x-btn-text,
#mySlidesLogin h6,
#largeFigureDetails h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.x-window-header-text {
	padding-left: 2px;
	color: #000;
}

#pagingBar table tr td span {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#pagingBar table {
	z-index: 2;
}


.image-tip{
	padding:4px;
	height:98px;
	white-space:nowrap;
}
.image-tip img {
	margin-right:10px;
	border:2px solid #083772;
}
.image-tip b{
	color: #083772;
	display: block;
	margin-bottom: 4px;
}
.image-tip span{
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}

#images .thumb{
	background: #fff;
	padding:0px;
	border: 1px solid #ccc;
}

.thumb-img{
	border:3px solid #fff;
}

.thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
	cursor: pointer;
	cursor: hand;
}

#images .thumb-title {
	border-top: 1px solid #ccc;
	height: 50px;
	overflow: hidden;
	padding: 5px 3px;
	line-height: 13px;	
}

#images .x-view-selected .thumb-title,
#images .thumb-over .thumb-title {											
	background: #FAE8E9;				/* change this color for each atlas */
	/* this is the active and hover background color for the thumbnail title */
	
}


#images .thumb-title img {
	margin-bottom : 4px;
	margin-right : 2px;
}

.thumb-title a {
	cursor: hand !important;
}

.x-dd-drag-proxy .multi-proxy .thumb-img {
	height: 20px;
	width: 30px;
	margin:1px;
}
.x-dd-drag-proxy .thumb-img{
	height: 60px;
	width: 80px;
}
.image-node .x-tree-node-icon{
    margin-bottom:1px;
    height:15px;
}
.folder-node .x-tree-node-icon{
    background-image : url(../images/cmg/slideset.gif) !important;
	width: 22px;
	margin-left:2px;
	margin-right:2px;
}



#folders{
	position:relative;
}


#images .loading-indicator {
	font-size:8pt;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

/* loading */
#loading-mask {
	-moz-opacity: 0.5;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: #ccc;
	height:100%;
	left:0pt;
	position:absolute;
	top:0pt;
	width:100%;
	z-index:20000;
}

#loading {
	height:auto;
	left:45%;
	border: 1px solid #7eadd9;
	padding:0px;
	position:absolute;
	top:40%;
	z-index:20001;
}

#loading .loading-indicator {
	background:white none repeat scroll 0%;
	color:#444444;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:auto;
	line-height:normal;
	margin:0pt;
	padding:10px;
	text-align:center;
}




/* Header */

#headerContent {	/* the solid bar of colour that runs across the top of the page */
	background-color: #fff !important;	
	border-top: 8px solid #cd202c; 		/* change this for each atlas */
	padding-top:10px;
	position:relative;
	height: 55px;
}

#headerLeft {
	margin: 0px 0 5px 12px;
	color: #000;
	font-size: 20pt;
	font-weight: normal;
	position: absolute;
	top:0px;
	left: 0px;
	z-index:1;
}

#headerRight  {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 10px;
	background-color: #fff;
	z-index:2;
	color:#ccc;
	font:13px Arial, Helvetica, sans-serif;
}

#searchBtn{
margin-top:3px;
}
*html #searchBtn{
margin-top:1px;
}

#userDetails {
	visibility: hidden;
	color: #999;
	text-align: right;
	margin: 0px 0px;
	font:12px Arial, Helvetica, sans-serif;
}
/*
#headerContent a:link,
#headerContent a:active,
#headerContent a:visited,
#mySlidesLogin  a:link,
#mySlidesLogin a:active,
#mySlidesLogin a:visited {
	color: #CD202C;			 
}
*/
/*#mySlidesLogin a:hover,
#headerContent a:hover { 
	color: #00f;
}
*/
#loginEmailLabel,
#loginPwdLabel {
	display: block;
	margin: 5px 0px 2px 0px;
}
#loginRememberContainer{
margin-top:5px;
margin-bottom:10px;
}

/* footer */

#footer,
#footerContent{
width:100%;
background-color:#fff;!important
color:#999999;
}

#footer {
clear:both;
position:relative;
padding-top:10px;
padding-bottom:10px;
}

#footer A,
#footerContent A{
color:#999;
text-decoration:underline;
}

#footer p,
#footerContent p {
	margin-left: 5px;
	margin-top:10px;
	color:#999;
	font-size:11px;
}


#clientLogos{
display:inline;
float:left;
background:#fff;
padding-left:10px;
margin-top:5px;
}
#clientLogos IMG{
visibility:hidden;
}
#cmgLogos{
width:640px;
display:inline;
float:right;
font:0.8em Arial, Helvetica, sans-serif;
padding-left:20px;
background:#fff;
border-left:1px solid #CCCCCC;
margin-top:5px;
margin-bottom:5px;
}
#logoCMG{
float:left;
margin-top:5px;
margin-right:25px;
margin-top:5px;
margin-bottom:5px;
}



/* search */

#txtSearch {	/* the inside border of the search input box */
	color: #3784D4;
	border: 1px solid #003366;  			/* change this for each atlas */
	font-size: 13px;
	width:154px;
	height:19px;
}

#txtSearch.faded {
	color: #ccc;
}




/* collapsed panels 

#eastPanel .x-layout-collapsed-south {
	background: url(../images/icons/help.png) no-repeat 3px 1px;
}

.x-layout-collapsed-west {
	background: url(../images/icons/help.png) no-repeat 3px 20px;
}

.x-layout-collapsed-east {
	background: url(../images/icons/help.png) no-repeat 3px 20px;
}
*/

/* standard form elements */
fieldset.form {
	border: 0;
}

fieldset.form label{
	border: 0;
	font:bold 12px  Arial, Helvetica, sans-serif;
}


button.btn {
	display: block;
	border: 1px solid #000;
	background: #ddd;
	color: #15428B;
}

input.txt, textarea.txt {
	width: 150px;
	border: 1px solid #3487CD;
	color: #15428B;
	padding: 2px;
}


textarea.txt {
	height: 100px;
}

input.wide, textarea.wide {
	width: 250px;
}


/* help */

.help {
	padding: 5px;	
}

.help p {
	margin: 5px 0px 0px 0px;
}

.help-error {
	color: #c00;
}

/* MySlides Content */

.mySlidesContent {
	display: none;
	padding: 5px;	
}

.mySlidesContent h6 {
	margin: 10px 0px 5px 0px;
}

.mySlidesContent p {
	margin: 5px 0px 5px 0px;
}


#mySlidesLogin {
	background-color: #FAE8E9;
	padding-bottom: 10px;
}

#mySlidesLogin h6 {
	font-size: 13px;
	margin-top:0px;
}

#existingUsers,
#newUsers {
	padding: 2px 0px 10px 0px;
	border-bottom: 1px dotted #666;
}



#loginError {
	visibility: hidden;
}

/*email figure form*/
#emailFigure {
	margin: 10px;
}


/*window containers*/
.windowContainer {
	margin: 10px;
}

p#registerError {
	margin-top: 10px;
	line-height: 16px;
}


/*mySlides Tree*/


.image-node .x-tree-node-icon {
	width: 45px;
	height: 38px;
	margin: 0px 2px 1px 0px;
	border: 1px solid #ccc;
	padding:4px;
	background-color:#ffffff;
	
}

.image-node img.x-tree-ec-icon {
	width: 0px;
	height:0px;
}

.image-node span.x-tree-node-indent {
	display: none !important;
}

.x-tree-node {
	white-space: normal;
	line-height: 15px;
}

.folder-node {
	padding: 1px 0px 1px 0px;
}

#mySlidesTree .folder-node {
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #fff;
}

#mySlidesTree .folder-node td {
	vertical-align: middle;
	font-weight: bold;
}

#mySlidesTree a.x-tree-node-delete {
	background: url(../images/cmg/trash_can.gif) no-repeat;
	display:block;
	float:left;
}

#mySlidesTree .image-node a.x-tree-node-delete {
	background: url(../images/cmg/trash_can_sm.gif) no-repeat;
	visibility: hidden;
	display:block;
	float:left;
}

#mySlidesTree .image-node a.x-tree-node-delete:hover {
	background-position: 0px -19px;
}

#mySlidesTree .x-tree-node-leaf a.x-tree-node-delete {
	/*visibility: hidden;*/
}

#mySlidesTree a.x-tree-node-delete:hover {
	background-position: 0px -25px;
}

#mySlidesTree a.x-tree-node-delete img {
	margin: 0 2px;
	vertical-align: middle;
}

#mySlidesTree .x-tree-node-over a.x-tree-node-delete {
	visibility: visible;
}

#mySlidesTree a.x-tree-node-download {
	background: url(../images/cmg/slideset_dwnld.gif) no-repeat;
	display:block;
	float:left;
}

#mySlidesTree a.x-tree-node-download:hover {
	background-position: 0px -25px;
}


#mySlidesTree a.x-tree-node-download img {
	margin-left: 2px;
	vertical-align: middle;
}

#mySlidesTree .x-tree-node-over a.x-tree-node-download {
	visibility: visible;
}

#mySlidesTree .folder-node {
	cursor: default;
	background-color:#ffffff;
	border-bottom:1px solid #cccccc;
}


#mySlidesTree .x-tree-selected {	/* the colour of the title of bar of the active Image Set */
	background-color: #FAE8E9			/* change this color for each atlas */
}



.x-tree-node-el {
	line-height:14px;
}

.x-tree-node-textcell { 
	padding-left: 3px; 
	padding-top:0px;
}

.image-node {
	border-bottom: 1px solid  #ddd;
	padding: 4px 3px;
	color: #000;
	background:#ffffff;
}

#mySlidesTree .x-tree-node-over {
	/*cursor: url(../images/cursors/zoom-in.cur), pointer;*/
}



.x-tree-editor input { width: 130px !important; }


#volume-title {	/* title of the browsing menu  */
	padding: 5px;
	background-color: #cd202c; 		/* change this for each atlas */
	color: #fff;
	font-weight: bold;
}

#chapterTree .x-tree-root-node li {
	border-bottom: 1px solid #ddd;
}

#chapterTree .x-tree-root-node li ul li {
	border-bottom: none;
}

#chapterTree .x-tree-node-icon {
	display: none;
}

/*download window*/
#downloadContent {
	padding : 5px;	
	padding-left:13px;
}

#downloadContent p {
	margin : 5px 0px 5px 0px;
}

#downloadContent a.download {
	display : block;
	height: 48px;
	margin : 20px 0px 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;	
	color : #15428B;
	padding-left: 55px;
	font-size: 14pt;
	vertical-align: middle;
}

#downloadContent a.download:hover {
	text-decoration: underline;
}

#downloadContent a.pdf {
	background-image : url(../images/filetypes/pdf.gif);
}

#downloadContent a.ppt {
	background-image : url(../images/filetypes/ppt.gif);
}


/* images toolbar*/

#imagesTitle {
	min-height: 18px;
	padding-top: 9px;
	padding-left: 3px;
}

#imagesTitle a,
#imagesTitle a:link,
#imagesTitle a:visited,
#imagesTitle a:active,
#imagesTitle a:hover
{
	color: #3784D4;
}

#pagingBar {
	background: none;
	border: 0;
	height : 26px;
}	
#pagingBar table {
	display : table;
	position : absolute;
	top : 6px;
	right : 6px;
}

#pagingBar table tbody tr td table {
	display : table;
	position: static;
}


.x-paging-info {
	top : 10px;
	left : 5px;
	z-index : 1;
}


.panel-info {
	padding : 5px;
}


/* buttons in panel header el*/
.x-panel-header {
	height: 20px;
	background: url('../images/header-bg-gray.png') #F0F4F5;
	padding-top: 8px;
}
.x-panel-header-text {
	vertical-align:	baseline;	
	font-size: 13px;
}


.figure-add { display: none; visibility: hidden; }
.thumb-over .figure-add { visibility: visible; }

.figure-add img { margin-top:3px; }



.x-panel-tbar .x-toolbar table  {
	margin: 2px 0 2px 0;
}

#pagingBar table { 
	margin: 0 0 0 0; 
}

#mySlidesTree div.loggedIn { 
	background-image:url(../images/cmg/dragimages.gif) ;
	background-position:center 40px;
	background-repeat:no-repeat;
	border-width:0 0 1px 0;
}

#helpPanel div.x-panel-body {
	border:0;
}

#helpPanel .x-panel-header {
	border-left: 0;
	border-right: 0;
}

#eastPanel .x-panel-header,
#chapterTree .x-panel-header {
	border-bottom-width: 0px;
}


#chapterTree .tree-indent1 {
	white-space: nowrap; 
	width: 18px;
}

#chapterTree .tree-indent2 {
	white-space: nowrap; 
}


#mySlidesTree .tree-indent1 { /*slideset*/
	white-space: nowrap; 
	width: 42px;
} 
#mySlidesTree .tree-indent2 /*slide*/
{
	white-space: nowrap; 
	width: 59px;
	padding-top:2px;  
	padding-right:10px;
	padding-left:5px;
}



.x-window-tl .x-window-header { 
	padding:15px 1px 4px 0px;
	font-size: 14px;
}

.x-window-plain .x-window-body 
{
	background: #fff !important;
}

.ext-el-mask {
	background-color: #E4F5FC;
}

.x-tree-icon, 
.x-tree-ec-icon, 
.x-tree-elbow-line, 
.x-tree-elbow, 
.x-tree-elbow-end, 
.x-tree-elbow-plus, 
.x-tree-elbow-minus, 
.x-tree-elbow-end-plus, 
.x-tree-elbow-end-minus {
	height: 11px;
}


.x-tree-no-lines .x-tree-elbow-minus,
.x-tree-no-lines .x-tree-elbow-end-minus {
	background-image:url(../images/cmg/minus.gif);
	background-position: 4px 0px;
	margin-top:3px;
}

.x-tree-no-lines .x-tree-elbow-plus,
.x-tree-no-lines .x-tree-elbow-end-plus {
	background-image:url(../images/cmg/plus.gif);
	background-position: 4px 0px;
	margin-top:3px;
}

.x-tree-no-lines .x-tree-ec-over .x-tree-elbow-minus,
.x-tree-no-lines .x-tree-ec-over .x-tree-elbow-end-minus,
.x-tree-no-lines .x-tree-ec-over .x-tree-elbow-plus,
.x-tree-no-lines .x-tree-ec-over .x-tree-elbow-end-plus {
	background-position: 4px -11px;
}

.x-tree-node  {	/* Browsing menu items */
	color: #003366;						/* change this color for each atlas */
}

.x-tree-node .x-tree-selected {	/* Selected browsing menu item */
	background-color: #FAE8E9;			/* change this color for each atlas */
	color: #000;
}

.x-tree-node .x-tree-node-over {	/* Hover color of the selected browsing menu item */
	background-color: #cd202c !important;/* change this color for each atlas */
	color: #fff;
}

#chapterTree .x-tree-node {
	padding: 2px 0px;
}

td.rating {
	padding-top:5px;
}
div.star {
	margin-top:0px;
}

.x-tool-close {
	width: 25px;
	height: 25px;
	background-image: url(../images/cmg/slideset_close.gif);
}

.x-tool-close-over {
	background-position: 0px -25px;
}


.x-tool-collapse-east  {
	background-image: url(../images/cmg/arr_right.gif);
}
.x-tool-collapse-west {
	background-image: url(../images/cmg/arr_left.gif);
}
.x-tool-collapse-north {
	background-image: url(../images/cmg/arr_up.gif);
}
.x-tool-collapse-south, .x-tool-expand-north {
	background-image: url(../images/cmg/arr_down.gif);
}

.x-tool-expand-west {
	background-image: url(../images/cmg/arr_open_right.gif);
	height: 54px;
}
.x-tool-expand-east {
	background-image: url(../images/cmg/arr_open_left.gif);
	height: 54px;
}
.x-tool-expand-south {
	background-image: url(../images/cmg/arr_open_up.gif);
	width: 54px;
}

.x-tool-collapse-west,
.x-tool-collapse-east,
.x-tool-collapse-north,
.x-tool-collapse-south,
.x-tool-expand-west,
.x-tool-expand-east,
.x-tool-expand-north,
.x-tool-expand-south  {
	background-position: 0px 0px;
}

.x-tool-collapse-west-over,
.x-tool-collapse-east-over,
.x-tool-collapse-north-over,
.x-tool-collapse-south-over,
.x-tool-expand-north-over,
.x-tool-expand-south-over {
	background-position: 0px -15px;
}

.x-tool-expand-west-over,
.x-tool-expand-east-over {
	background-position: 0px -54px;
}




/* BUTTONS */
#btnNewSlideset {
	position: relative;
	top: -18px;
	left: 120px;
	height: 21px !important;
}

#btnVolumes {
	position: relative;
	left: 0px;
	top: -3px;
}

.folder-add-btn{
	background-image:url(../images/cmg/slideset_new.gif) !important;
	background-position: -1px 3px !important;
}

.x-btn-with-menu .x-btn-center em {
	background-image : url(../images/cmg/drop_arr.gif);
	background-position: right 4px;
}

.x-btn-over .x-btn-with-menu  .x-btn-center em {
	background-image : url(../images/cmg/drop_arr.gif);
	background-position: right -15px;
}

.ext-ie .x-btn-with-menu .x-btn-center em {
	background-position: right 6px;
}

.ext-ie .x-btn-over .x-btn-with-menu  .x-btn-center em {
	background-image : url(../images/cmg/drop_arr.gif);
	background-position: right -13px;
}

.x-toolbar .ytb-spacer { width: 10px; }



#pagingBar .x-btn-left,
#pagingBar .x-btn-right,
#pagingBar .x-btn-center
 {
	background-image: none;
}

/*DIALOG*/
.x-window-dlg .x-window-body {
	background: transparent !important;
}




.x-btn-text-icon .x-btn-center .x-btn-text { padding: 2px 0px 2px 22px; }


/*FIGURE VIEW*/
#figureContent {
	margin: 10px;
	padding-bottom: 10px;
}

#largeFigureDetails h1 {
	font-size: 14px;
}

#largefigureimage {
	margin: 10px 0px;
}

#largeFigureDetails p {
	margin: 5px 0px;
}

#figureReferences {
	margin-top: 10px;
}

#figureReferences  .refNumber {
	font-weight: bold;
}

#referenceList { 
	display: none;
}

#referenceList li {
	margin: 3px 0px;
}

/*TABLES*/
.figtable {
	border: 1px solid #000;
}

.figtable caption {
	margin-bottom: 3px;
	font-weight: bold;
}

.figtable td { 
	padding: 4px; 
}

.figtable tr.tablerow1 {
	background-color: #eee;
}


#images .x-panel-body{
padding-top:9px;
padding-left:1px;

}