/* AJAX views and templates styles */
.JST {
	display: none;
}
.SCRIPTLOADER {
	display: none;
}
.spinnerMozLg {
	background: url(icons/spinners/rt_lg.gif) no-repeat center center;
	height: 30px;
	padding: 10px;
}
.spinnerBlockWrapper {
	width: 100%;
	height: 100%;
}
.spinnerBarberHoriz {
	background: url("icons/spinners/rt_wide.gif") no-repeat center right;
	width: 100%;
}
.spinnerArrows {
	background: url("icons/spinners/rt_arrows.gif") no-repeat center right;
	width: 100%;
}
.spinnerArrowsInput {
	background: url("icons/spinners/rt_arrows.gif") no-repeat right center;
}
.spinnerBarberHorizLeft {
	background: url("icons/spinners/rt_wide.gif") no-repeat center left;
	width: 100%;
}
.spinnerBarberHoriz div {
	width: 220px;
	height: 20px;	
}
/* Generic Controls */
.textFilter {
	background: url("icons/filter.gif") no-repeat right center;
}
.textFilterCancel {
	background: url("icons/cancel.gif") no-repeat right center;
}
a.imagePicker {
	margin-left: 5px;
}
.imagePickerThumbnail {
	position: relative;
	width: 100px; height: 80px; 
	border: 1px solid #ccc;
	float: left;
	background-repeat: none;
	background-position: center top;
}
.imagePreview .label {
	text-align: center;
	font-weight: bold;
	color: #666;
}
.imagePreview .image {
	margin: 10px;
	width: 570px;
	height: 390px;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
}
/* RTSB Ajax Libraries */
.rtAjaxList .searchOptions .label {
	width: 120px;
	text-align: right;
}
.rtAjaxList .filterChanged {
	background-color: #FF9999;
}
.rtAjaxList	.filter {
	width: 125px;
}
.rtAjaxList .searchOptions .optional {
	display: none;
}
.rtAjaxList .addMore select {
	font-size: 90%;
	color: #666;
}
.rtAjaxList .resultListHeader table {
	border-collapse: collapse;
	width: 100%;
	white-space: nowrap;
}
.rtAjaxList .resultListHeader td {
}
.rtAjaxList .resultListHeader td.pagingCell {
	text-align: right;
}
.rtAjaxList .resultListHeader.paging {
	position: relative;
	right: 0;
}
.rtAjaxList .resultList {
	margin: 3px 0 0 0;
}
.rtAjaxList .resultList table {
	border-collapse: collapse;
	table-layout: fixed; 
	width: 100%;
	white-space: nowrap;
}
.rtAjaxList .resultList tr.colHead {
	font-weight: bold;
}
.rtAjaxList .resultList tr.colHead td.desc {  
	padding: 0px 0px 0px 10px;
	background: url(icons/arrow-down.gif) no-repeat center left;
}
.rtAjaxList .resultList tr.colHead td.asc {  
	padding: 0px 0px 0px 10px;
	background: url(icons/arrow-up.gif) no-repeat center left;
}
.rtAjaxList .resultList tr {
	border: 1px solid #ccc;
	background-color: #e8eef7;
}
/* in workflow */
.rtAjaxList .resultList tr.status_13 {
	background-color: #ffefef;
	font-style: italic;
}
.rtAjaxList .resultList tr.status_20 {
	font-style: italic;
}
.rtAjaxList .resultList tr.status_30 td {
	text-decoration: line-through;
}
.rtAjaxList .resultList tr.selected {
	background-color: #ffffcc;
}
.rtAjaxList .resultList td {
	padding: 1px 3px 1px 0px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	white-space: nowrap;
}
.rtAjaxList .resultList td.titleaBstract {
	width:100%;
}
.rtAjaxList .resultList col.checkbox { 
	width:30px; 
}
.rtAjaxList .resultList col.options { 
	width:10px; 
}
.rtAjaxList .resultList col.id { 
	width:40px; 
}
.rtAjaxList .resultList col.category {
	width:80px; 
}
.rtAjaxList .resultList col.owner_module {
	width:80px; 
}
.rtAjaxList .resultList col.author { 
	width:120px; 
}
.rtAjaxList .resultList col.titleaBstract { 
	width:70%; 
}
.rtAjaxList .resultList col.date { 
	width:100px; 
}
.rtAjaxList .resultList td .aBstractbody {
	color: #999;
}
.rtAjaxList .resultList li, .resultList tr {
	cursor: pointer; cursor: hand;
}
.rtAjaxList .resultList li:hover, .resultList tr:hover {
	background-color: #ffffdd;
}
.rtAjaxList tr.selectedRow {
	background-color: #ffffaa;
}
.rtAjaxList .resultListNarrow {
	width: 300px;
}
.rtAjaxList .resultListNarrow ul {
	margin: 0px;
	padding-left: 2px;	
}
.rtAjaxList .resultListNarrow li {
	list-style: none;
	padding: 0;
}
.rtAjaxList .resultHierarchy li {
	cursor: pointer;
	font-style: normal;
}
.rtAjaxList .resultHierarchy li.children_1 {
	font-weight: bold;
	cursor: pointer;
}
.rtAjaxList .resultHierarchy li.children_0 {
	font-weight: normal;
	cursor: text;
}
.rtAjaxList .resultHierarchy li.opened {
	font-style: italic;
}
.rtAjaxList .resultHierarchy .label {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	margin-right: 5px;
}
.rtAjaxList .odd {
	background-color: #ccc;
}
.rtAjaxList .alertContainer {
	text-align: center;
	margin: 0 auto;
	height: 20px;
}
.rtAjaxList .datepickerInput {
	width: 80px;
}
.rtAjaxList .previewDetail {
	text-align: left;
	padding: 5px;
	margin: 5px;
	border: 1px solid #efefef;
}
.rtAjaxList .optionsMenu {
}
.rtAjaxList .optionsMenu ul, .rtAjaxTree .optionsMenu ul {
	border-right: 2px outset #999;
	border-bottom: 2px outset #999;
	font-size: 10px;
	width: 100px;
	margin: 0;
	padding: 0;
	background-color: white;
	background-image: inherit;
	list-style: none;
	cursor: pointer;
}
.rtAjaxList .optionsMenu li, .rtAjaxTree .optionsMenu li {
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	padding: 2px;
}
.rtAjaxList .optionsMenu li.title, .rtAjaxTree .optionsMenu li.title {
	text-align: center;
	font-weight: bold;
	color: #efefef;
	background-color: #666;
}
.rtAjaxList .optionsMenu li.title:hover, .rtAjaxTree .optionsMenu li.title:hover {
	background-color: #666;	
}
.rtAjaxList .optionsMenu a, .rtAjaxTree .optionsMenu a {
	padding: 2px;
	width: 100px;
}
.rtAjaxList .optionsMenu li:hover, .rtAjaxList .optionsMenu a:hover, .rtAjaxTree .optionsMenu li:hover, .rtAjaxTree .optionsMenu a:hover {
	background-color: #ccc;
}
/** Tree Control **/
.rtAjaxTree ul {
	list-style-type: none;
	padding: 0 0 0 24px;
	margin: 0 0 1px -1px;
	background: url("icons/tree/vertline.gif") repeat-y center left;	
}

.rtAjaxTree ul.p0 { /* top level tree */
	background: inherit;	
}
.rtAjaxTree ul li  {
	line-height: 14px;
	/* list-style-image: url("icons/tree/node.gif"); */
}
.rtAjaxTree ul li div.label {
	position: relative;
	padding-left: 16px;
	top: -4px;
	left: -16px !important;
	background: url("icons/tree/horizline.gif") no-repeat center left;	
}
.rtAjaxTree ul li div.p0{ /* top level tree node */
	background: inherit;	
}
.rtAjaxTree li a {
	text-decoration: none;
	color: inherit;
}
.rtAjaxTree ul li a.expanded {
	font-style: italic;
}
.rtAjaxTree ul li a.status2, .rtAjaxTree ul li a.status0, .rtAjaxTree ul li a.status3 {
	font-style: italic;
	color: #999;
}
.rtAjaxTree ul li a.has_children0 {
	text-decoration: none;
	cursor: default;
}
.rtAjaxTree ul li a.status3 {
	text-decoration: line-through;
}
.rtAjaxTree div.optionsMenu ul li a {
	color: inherit;
	text-decoration: inherit;
	font-style: inherit;
}
.rtAjaxTree ul li a span.icon1 {
	padding: 2px;
	background: url("icons/tree/folderclosed1.gif") no-repeat center left;	
}
.rtAjaxTree ul.cat li a span.icon1 {
	padding: 2px;
	background: url("icons/cat/folderclosed.gif") no-repeat center left;	
}
.rtAjaxTree ul li a.expanded span.icon1 {
	padding: 2px;
	background: url("icons/tree/folderopen1.gif") no-repeat center left;	
}
.rtAjaxTree ul.cat li a.expanded span.icon1 {
	padding: 2px;
	background: url("icons/cat/folderopen2.gif") no-repeat center left;	
}
.rtAjaxTree ul li a.processing span.icon1 {
	padding: 2px;
	background: url("icons/spinners/osx.gif") no-repeat center left;	
}
.rtAjaxTree ul li a span.icon0 {
	padding: 2px;
	background: url("icons/tree/doc1.gif") no-repeat center left;	
}
.rtAjaxTree ul.cat li a span.icon0 {
	padding: 2px;
	background: url("icons/cat/doc.gif") no-repeat center left;	
}
.rtAjaxTree ul li a.system1 span.icon0 {
	background: url("icons/tree/doc.gif") no-repeat center left;	
}
.rtAjaxTree ul li a.ssl1 span.icon0 {
	background: url("icons/tree/doc4.gif") no-repeat center left;	
}
.rtAjaxTree ul.cat li a.set1 span.icon0 {
	background: url("icons/cat/docmetaitem.gif") no-repeat center left;	
}
.rtAjaxTree ul li a.status0 span.icon0, .rtAjaxTree ul.tree li a.status2 span.icon0, .rtAjaxTree ul.tree li a.status3 span.icon0 {
	background: url("icons/tree/doc2.gif") no-repeat center left;	
}
.rtAjaxTree ul li img.iconSpacer {
	width: 16px;
	height: 16px;
}
.rtAjaxTree .controls {
	background-color: #ccc;
	padding: 5px;
	margin: 0 0 5px 0;
}
.rtAjaxTree .controls div {
	padding: 1px;
}
.rtAjaxTree .controls .textFilter {
	width: 124px;
	background-color: white;
}
.rtAjaxTree .controls select {
	width: 170px;
}
/* tabs */
.rtTabs ul.main {
	text-align:left;
	font-weight: bold;
	font-size: 95%;
	border-bottom:1px solid #6c6;
	list-style-type:none;
	margin:1em 0;
	padding: 3px 10px;
}
.rtTabs ul.main li {
	display:inline;
}
.rtTabs ul.main li.current {
	border-bottom:1px solid #fff;
	background-color:#fff;
}
.rtTabs ul.main li.current a {
	background-color:#fff;
	color:#000;
	position:relative;
	top:1px;
	padding-top:4px;
}
.rtTabs ul.main li a {
	border:1px solid #6c6;
	background-color:#cfc;
	color:#666;
	margin-right:0;
	text-decoration:none;
	border-bottom:none;
	padding: 3px .8em;
}
.rtTabs ul.main a:hover {
	background:#fff;
}
.rtTabs ul.sub {
	margin: 0;
	padding: 0;
	list-style-type:none;	
	position: relative;
	top: -.5em;
}
.rtTabs ul.sub li {
	display: inline;
	padding: 0 3px;
	border-right: 1px dotted #999;
}
.rtTabs ul.sub li:last-child {
	border-right: 0;
}
.rtTabs ul.sub li a {
	padding: 0 2px 0 4px;
	text-decoration: none;
}
.rtTabs ul.sub li.current a {
	border: 1px solid #ccc;
}
/* dialog box */
.rtDialogBoxWrap table { 
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed; 	
	clear: both;
}
.rtDialogBox { display:block}
.rtDialogBox *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#FAD163
}
.rtDialogBox1 {
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #fceb33;
	border-right:1px solid #fceb33;
	background:#fbdc4e;
}
.rtDialogBox2 {
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #fefa17;
	border-right:1px solid #fefa17;
	background:#fad953;
}
.rtDialogBox3 {
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #fad953;
	border-right:1px solid #fad953;
}
.rtDialogBox4 {
	border-left:1px solid #fceb33;
	border-right:1px solid #fceb33;
}
.rtDialogBox5 {
	border-left:1px solid #fbdc4e;
	border-right:1px solid #fbdc4e;
}
.rtDialogBoxfg {
	background:#FAD163;
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 95%;
	text-align: center;
}
.validationAlertPopup {
	padding: 0 10px 0 10px;
	text-align: left;
}
.validationAlertPopup .alertFieldName {
	font-weight: bold;
	font-style: italic;
}
.dialog .table_window .title_windowX {
	background: no-repeat center left url(icons/alert.jpg);
	height: 19px;
	padding: 2px;
}
.dialog .alertMessage {
	padding: 0 1em 0 1em;
}
/* tooltips */
.tip .title { 
	font: italic 17px Georgia, serif; padding: 5px; display: block; background: #0F6788; color: #fff; 
}
.tip .content { 
	font-size: 11px; padding: 5px; width: 150px; background: orange; color: #fff; 
}
/* generic form properties */
.rtform h1, h2, h3, h4, h5, h6 {
	border-bottom:1px solid #CCCCCC;
	margin:0.5em 0pt;
}
.rtform fieldset {  
	float: left;  
	clear: both;  
	width: 99%;  
	margin: 0 0 1em 0;  
	padding: 0 0 1em 0;  
	border: 1px solid #bfbab0;  
	background-color: #f2efe9;
}
.rtform fieldset ol {  
	padding: 0;  
	list-style: none;
}
.rtform fieldset li.row {  
	float: left;  
	clear: left;  
	padding: 1em 0 .5em .5em;
	margin: 0;
	text-align: left;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.rtform fieldset li.odd {  
	background-color: #f2efe9; 
}
.rtform fieldset li.even {  
	/** comment out to alternate row colors  **/
	background-color: #f2efe9; 
}
.rtform fieldset li.last {  
	border-bottom: 0;
}
.rtform fieldset li.row td {
	text-align: left;
}
.rtform fieldset li .editorToggle {
	margin: 0 0 0 11em;  
}
.rtform fieldset ol.fieldList {
	margin: 0 0 0 10em;  
	top: -1em;
	position: relative;
}
.rtform fieldset ol.fieldList li {
	padding-bottom: .25em;
}
.rtform fieldset ol.fieldList li div {
	white-space: nowrap;
}
.rtform fieldset table.rowset {
	border-collapse: collapse;
}
.rtform fieldset table.rowset td {
	padding-right: 1em;
}
.rtform fieldset ul.rowset {
	margin: 0 0 0 8em;  
	top: -1em;
}
.rtform fieldset ul.rowset li {
	display: inline;
	list-style-type: none;
	clear: none;
	padding-right: 1em;
	padding-bottom: 0;
	width: inherit;
}
.rtform fieldset .select_checkbox {
	margin: 0 0 0 11em;  
}
.rtform fieldset .select_checkbox div.input {
	float: left;
	width: 15em;
	white-space: nowrap;
}
.rtform fieldset .select_checkbox div.input label {
	display: inline;
	cursor: pointer;
	float: inherit;
	width: inherit;
	text-align: inherit;
	margin: 0;
}
.rtform fieldset .fieldprefix {
	margin-right: .1em;
}
.rtform fieldset.submit {  
	float: none;  
	width: auto;  
	border-style: none;  
	padding-left: 12em;  
	background-color: transparent;
}
.rtform fieldset.hidden {  
	display: none;
}
.rtform fieldset legend, .rtform fieldset legend.collapsed {  
	color: #000000;  
	font-weight: bold;
	cursor: pointer;
	margin: 0 0 0 1em;  
}
.rtform fieldset legend a.legendToggle {  
	padding: 2px 12px 2px 2px;
	background: url(icons/arrow-down.gif) no-repeat center right;
}
.rtform fieldset legend.collapsed a {  
	color: #999;  
	background: url(icons/arrow-right.gif) no-repeat center right;
}
.rtform fieldset legend a.legendToggle:hover {
	background-color: #ffffdd;
}
.rtform fieldset legend a {
	text-decoration: none;
	color: inherit;
}
.rtform fieldset label {  
	display: block;
	float: left; 
	width: 10em;  
	margin-right: 1em;
	text-align: left; /*uncomment to align right */
}
.rtform fieldset label.item {  
	width: 18em;  
}
.rtform em.fieldreq {
	font-weight: bold;
	color: red;
}
.validationAlertMsg  	{ 
	margin: 5px 0 5px 0; 
	text-align: center;
	font-weight: bold;
	color: red;
}
.fieldValidMsg  {
	font-style: italic;
	color: red;
	font-size: 90%;
	margin: 0 0 1em 12em;
	clear: both;
}
.rtform .fieldList .fieldValidMsg {
	margin: 0;
}
.rtform .hint {
	font-style: italic;
	color: #666;
	font-size: 90%;
	margin: .1em 0 .3em 0;
	padding-left: 12.3em;
}
.rtform .image .hint {
	clear: both;
}
.rtform td .hint {
	margin: 0;
	padding-left: 0;
	padding-left: 12.3em;
}
.rtform .fieldsuffix {
	color: #333;
}
.rtform .fieldList .fieldsuffix {
	font-size: inherit;
	color: inherit;
	font-style: inherit;
	margin-left: inherit;
}
.rtform fieldset table {
	border-collapse: collapse;
}
.rtform fieldset table td {
	padding: 2px;
}
.rtform .small,  .rtform .small select{
	font-size: 90%;
}
/** FIELD CLASSES **/
.rtform input.changed, .rtform select.changed, .rtform textarea.changed{
	border: 1px solid #FFCC00;
}
.rtform input.rowset {
	width: 10em;
}
.rtform input.title {
	width: 33.5em;
}
.rtform input.name {
	width: 16em;
}
.rtform input.code {
	width: 8em;
}
.rtform input.zip {
	width: 4em;
}
.rtform input.first_name {
	width: 5em;
}
.rtform input.sur_name,  .rtform input.person_name {
	width: 8em;
}
.rtform input.person_initial {
	width: 1em;
}
.rtform input.email {
	width: 16em;
}
.rtform input.date {
	width: 8em;
}
.rtform input.datetime {
	width: 12em;
}
.rtform input.year {
	width: 8em;
}
.rtform input.city, .rtform input.state {
	width: 16em;
}
.rtform input.address {
	width: 16em;
}
.rtform input.phone {
	width: 8em;
}
.rtform input.postcode, .rtform input.year {
	width: 4em;
}
.rtform input.country {
	width: 8em;
}
.rtform input.x_link_title {
	width: 16em;
}
.rtform input.x_link_url, .rtform input.url {
	width: 24em;
}
.rtform textarea.aBstract {
	width: 33.5em;
	height: 4em;
}
.rtform textarea.description {
	width: 33.5em;
	height: 6em;
}
.rtform textarea.tinymce {
	width: 33.5em;
	height: 20em;
}
.rtform textarea.x_link_desc, .rtform textarea.text {
	width: 24em;
	height: 2.5em;
}
.rtform textarea.comment {
	width: 24em;
	height: 8em;
}
.rtform div.dateWrap {
	padding: 0 18px 0 0;
	background: url(icons/calendar.gif) no-repeat top right;
}
.rtform div.editor iframe {
	width: 440px;
}
.rtform .imagePicker {
	
}
.rtform #attachmentsList {
	margin: 0 0 0 11em;  
}
.rtform input.noedit {
	background-color: #F2EFE9;
	border: 0;
}
/** X-links **/
.rtform .dList ol {
	margin: 0 0 0 11em;
	padding: 0;
	list-style-type: none;
}
.rtform a.remove {
	font-size: 90%;
}
.rtform .dList ol li {
	margin-bottom: .5em;
}
.rtform .dList ol li label {
	width: 8em;
}
.rtform .dList ol li div {
	vertical-align: top;
	margin-bottom: .2em;
}
.rtform .hierList ul {
	float: left;
	padding: 5px;
}
.rtform .parents div.header {
	border: .05em solid #ccc;
	padding-left: .2em;
}
.rtform input.media_name {
	width: 13.3em;
}
.rtform div.mediaOne table tr.mediaName td {
	vertical-align: middle;
}
/* generic detail properties */
.rtdetail li {
	clear: left;
}
.rtdetail li div {
	padding: 2px;
}
.rtdetail li div.fieldname {
	float: left;
	font-weight: bold;
	width: 12em;
}
.rtdetail li div.fieldvalue {
	margin-left: 12em;
	background-color: #efefef;
}

/** Alert Classes **/
.rtform .validationAlertElem {
	background-color: #FF9999;
}
.alphacube_message {
	text-align: left;
}
.overlay_alphacube {
	background-color: #333;
}
/** Module Tweaks **/
div.rtcomponent_comments {
	margin-top: 5px;
	clear: both;
}
#imgPickerDialog .header {
	margin: 5px;
}
#imgPickerDialog .content {
	height: 340px;
	overflow: auto;
	clear: both;
}
#imgPickerDialog .textFilter, #imgPickerDialog .textFilterCancel {
	padding: 1px;
	color: #666;
	font-style: italic;
	width: 98px;
}
#imgPickerDialog .item {
	float: left;
	margin: 5px;
	text-align: center;
	border: 1px solid #ccc;
}
#imgPickerDialog .item:hover {
	background-color: #ccc;
}
#imgPickerDialog .thumbnail {
	height: 60px; 
	width: 100px; 
}
#imgPickerDialog .label {
	margin-top: 2px;
	padding: 2px;
	background-color: #efefef;
	color: #666;
	font-size: 80%;
	font-style: italic;
}
#imgPickerDialog .directories,  #imgPickerDialog .files {
	clear: both;
}
.queryMonitor div {
	overflow: auto;
}
.queryMonitor div table {
	border-collapse: collapse;
	width: 100%;
}
.queryMonitor div table th, .queryMonitor div table td {
	padding: .1em .2em .1em .2em;
	font-family: Fixed, monospace;
}
.queryMonitor div table th {
	background-color: #666;
	color: #fff;
}
.slideShowImageContainer {
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

