body { 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 14px; 
	font-weight: normal; 
	width: 990px; 
	height: 100%; 
	margin: 0px 0px 20px 0px;
	background-color: #ffffff; 
	position: relative; 
	display: block; 
	clear: both;
}

body.dialog
{
	position: relative;
	width: 594px;
	min-width: 594px;
	background-color: #eeeeee;
	border: 0px;
}

img { border: 0px; padding: 0px; margin: 0px; }

a { outline: none; }
a:link { color: #000099; font-weight: bold; text-decoration: none; }
a:visited { color: #000099; font-weight: bold; text-decoration: none; }
a:hover { color: #990000; text-decoration: underline; }

p { padding: 0px; margin: 0px 0px 14px 0px; }

form { position: relative; margin: 0px; padding: 0px; }
select, input,textarea, .check, .display { max-width: 590px; position: relative; font-family: helvetica, arial, verdana, sans-serif; font-size: 10pt; margin: 0px; border: 1px solid #cccccc;}
textarea { padding: 4px 3px 2px 3px; }
select, input.text,textarea.text,.check,.display { margin: 0px 0px 2px 0px; padding: 4px 3px 2px 3px; border: 1px solid #cccccc; background: #ffffff; }

select { padding: 2px 3px 2px 3px; }
input.text,textarea.text { width: 590px; max-width: 590px; }
input.selectother { width: 570px; max-width: 570px; }

textarea.short { height: 50px; }
textarea.body { height: 250px; }
h5 { margin-top: 14px;  font-weight: bold;}
h5, label, legend, span.label { position: relative; color: #000000; padding: 0px; margin: 4px 0px 2px 0px; font-size: 11px; clear: both; display: block; white-space: nowrap; }
fieldset { border: 0px; padding: 0px; font-size: 14px; }

iframe
{
	border: 1px solid #cccccc;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	background: #ffffff;
}

/* layout classes */

div.head
{
	padding: 4px 0px 0px 0px;
	position: fixed;
	z-index: 200000;
	min-width: 990px;
	width: 100%;
	background: #ffffff;
}

/* Contents Styles */
div.contents { position: relative; margin: 0px; padding-top: 72px; background: #ffffff; min-height: 450px; }
.container { position: relative; padding: 0px 8px; clear: both; }
.container.short { padding-top: 0px; padding-bottom: 0px; }

.block { position: relative; clear:both; margin-bottom: 24px; }
.block h3 { margin-bottom: 0px; padding-bottom: 6px; border-bottom: 1px solid #999999; width: 592px;}

.sidebar { position: absolute; left: 610px; width: 372px; max-width: 600px; }
.sidebar p { margin-top: 0; }

.sidebar .map
{
	width: 370px;
	height: 370px;
	border: 1px solid #cccccc;
}


.display { background: #eeeeee; color: #777777; border-color: #eeeeee;}

.button { position: relative; display: inline-block; clear: none; font-weight: bold; background-color: #eeeeee; padding: 2px 4px 3px 4px; margin: 2px 0px 2px 0px; border: 1px solid #999999; text-decoration: none; color: #000000; }
.button:hover { background-color: #eeffee; color: #009900; border-color: #009900; }

.check { position: relative; display: inline-block; border: 1px solid #cccccc; background: #ffffff; padding: 2px 3px 3px 3px; margin: 0px 2px 2px 0px; line-height: 16px;}
.check>input, input.check { padding: 0px; margin: 2px 4px 0px 0px; float: left; border-width: 0px;}
input.check { padding: 2px 3px 3px 3px; margin: 4px 6px 4px 0px; }
.check label { position: relative; display: inline-block; margin-top: 3px; top: 0px; left: 0px; font-weight: normal; color: #000000;  clear: none; overflow: hidden;}
.check .small { font-size: 10px; color: #555555; padding: 2px; }


label.required
{
	font-weight: bold;
}

label.required:after
{
	content: "*";
	font-weight: bold;
	color: #990000;
}

label.saveOnChange
{
	font-weight: bold;
	font-style: italic;
}

label.saveOnChange:after
{
	content: "+";
	font-weight: bold;
	color: #009900;
}



span.plain { text-decoration: none; font-weight: normal; color: #000000; }
a:hover span.plain { color: #009900; }

.rule { border-bottom: 1px solid #999999; clear: both; margin-top: 8px; margin-bottom: 8px; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }

#messages { position: fixed; z-index: 99999; top: 63px; left: 0px; margin: 0px auto 0px auto; padding-top: 0px; padding-bottom: 0px; border: 0px; width: 100%; }
#messages .message { margin: 0px auto 10px auto; width: 900px; max-width: 900px; }
.message { max-width: 900px; }
.message,.alert,.warning,.error { font-size: 18px; line-height: 20px; color: #009900; font-weight: bold; font-size: 120%; margin-bottom: 7px; padding: 8px 4px 8px 4px; border: 1px solid #00ff00; }
.message,.alert,.warning,.error { position: relative; background: #eeffee; border: 1px solid #cccccc; }
.message .time,.alert .time,.warning .time,.error .time { position: absolute; right: 1px; bottom: 1px; font-size: 9px; font-weight: normal; color: #999999; }
.emphasise { font-weight: bold; }

a.messageClose { color: #999999; }

.alert,.warning { color: #e89b02; background: #fffaed; }
.error { color: #990000; background: #ffeeee; }

.col8,.full { position: relative; width: 600px; clear: both; float: left; }
.col7 { position: relative; width: 525px; float: left; }
.col6 { position: relative; width: 450px; float: left; }
.col5 { position: relative; width: 375px; float: left; }
.col4 { position: relative; width: 300px; float: left; }
.col3 { position: relative; width: 225px; float: left; }
.col2 { position: relative; width: 150px; float: left; }
.col1_5 { position: relative; width: 105px; float: left; }
.col1 { position: relative; width: 75px; float: left; }
.col0 { position: relative; float: left; padding-right: 8px; }

.left { clear: left; float: left; }
.right { float: left; clear: right; }

.normal { width: 280px; }
.buttons { max-width: 592px; padding: 0px; text-align: right; }
.small { font-size: 90%; }
.count { color: #555555; text-decoration: none; font-weight: normal; font-size: 80%; margin-left: 1px; }
.hidden { visibility: hidden; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
h1 { font-size: 130%; }
h2 { margin: 0px; }
h4 { font-size: 12px; margin-bottom: 4px;}

/* Breadcrumb Styles/*/
#breadcrumbs { width: 990px; clear: both; position: relative; line-height: 14px; }
#breadcrumbs h4 { position: relative; width: 65%; float: left; margin: 0px; padding: 0px 0px 0px 8px; font-size: 11px; }
#breadcrumbs h4 a { color: #555555; }
#breadcrumbs div.user_details { position: relative; width: 33%; float: right; text-align: right; font-size: 11px; color: #999999; margin-bottom: 4px; padding: 0px 8px 0px 0px; }
#breadcrumbs div.user_details a { color: #555555; font-weight: bold; text-decoration: none; }
#breadcrumbs h4 a:hover,#breadcrumbs div.user_details a:hover { color: #550000; }

/** icons styles **/

.icon
{
	position: relative;
	min-width: 16px;
	min-height: 16px;
	background-image: url('/img/icons.png'); 
	background-repeat: no-repeat;
}

.icon.current
{
	background-image: url('/img/icons-current.png'); 
}

.icon .textlabel
{
	white-space: nowrap;
}

.icon.list
{
	display: inline-block;
	height: 16px;	
	background-position: left -224px;
	padding-left: 20px;
	line-height: 16px;
}

.icon.grid
{
	display: inline-block;
	height: 16px;
	background-position: left -192px;
}

.list .grid .icon,
.file .icon
{
	color: #999999;
	display: block;
	width: 224px;
	height: 48px;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 52px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 1px solid #eeeeee;
	background-color: #eeeeee;
	background-image: url('/img/filetypes/unknown-48x48.png');
}

.list .grid .icon
{
	background-position: center center;
}

.file a.icon:hover
{
	border: 1px solid #999999;
}

.list .grid .image,
.file .image
{
	background-image: url('/img/filetypes/image-48x48.png');
}

.list .grid .document,
.file .document
{
	background-image: url('/img/filetypes/doc-48x48.png');
}

.list .grid .audio,
.file .audio
{
	background-image: url('/img/filetypes/sound-48x48.png');
}

.list .grid .video,
.file .video
{
	background-image: url('/img/filetypes/video-48x48.png');
}

.list .grid .archive,
.file .archive
{
	background-image: url('/img/filetypes/compressed-package-48x48.png');
}


.list .grid .xls,
.file .xls
{
	background-image: url('/img/filetypes/spreadsheet-48x48.png');
}

.list .grid .pdf,
.file .pdf
{
	background-image: url('/img/filetypes/pdf-48x48.png');
}


/** Navigation Styles **/
div.navi { clear: both; position: relative; height: 18px; padding: 0px 1px 0px 0px; border-bottom: 1px solid #999999; border-top: 0px; min-width: 990px; }

div.subnavi {  background: #aaaaaa; border: 0px; border-top: 4px solid #aaaaaa; border-bottom: 1px solid #999999; min-height: 8px; }

div.subnavi h1 
{
	height: 18px;
	font-size: 16px;
	margin-top: 0px;
	margin-left: 12px;
}

ul.navi 
{ 
	position: absolute; 
	margin: 0px; 
	margin-left: 3px; 
	padding: 0px; 
	height: 18px; 
	clear: both; 
	min-width: 760px; 
	z-index: 2; 
}

ul.navi li
{ 
	position: relative; 
	display: block; 
	float: left;
	text-align: center; 
	font-weight: bold; 
	border: 1px solid #999999; 
	color: #000000; 
	background-color: #cccccc; 
	padding-bottom: 2px; 
	list-style: none; 
	height: 15px; 
	min-width: 20px;
	line-height: 9px; 
	font-size: 12px; 
	margin-left: 4px; 
	margin-right: 1px; 
	white-space: nowrap;
	overflow: hidden; 
}

ul.subnavi
{
	margin-left: 3px; 
}

ul.navi li:hover
{
	overflow: visible;
}

ul.navi .small 
{ color: #555555; text-decoration: none; font-weight: normal; font-size: 80%; margin-left: 1px; }

ul.navi li a,
ul.navi li div.label 
{ position: relative; display: block; float: left; height: 15px; color: #000000; padding: 4px; text-decoration: none; text-align: center; }

ul.navi li a:hover
{ color: #009900; text-decoration: none; }


ul.navi li.current 
{ background: #aaaaaa; border-bottom: 1px solid #aaaaaa; }


ul.subnavi li.current 
{ background: #ffffff; border-bottom: 1px solid #ffffff; }

ul.pagenavi li.current 
{ background: #ffffff; border-bottom: 1px solid #ffffff; }


ul.navi form { display: inline; padding: 0px; margin: 0px 0px;}
ul.navi form.search input.text { position: relative; border-width: 0px 1px 1px 1px; padding: 1px; width: 100px; margin: 0px 5px 0px 0px; font-size: 11px; height: 15px;}
ul.navi li.current form.search input.text { height: 14px;}

ul.navi form.search input.button { position: relative; padding: 1px 4px 0px 4px; line-height: 12px; font-size: 9px; height: 15px; margin-top: 1px; margin-right: 5px;}

ul.functions
{
	position: absolute;
	left: 830px;
	width: 150px;
	min-width: 150px;
	top: 0px;
}

ul.functions li
{
	float: right;
	margin-right: 0px;
	margin-left: 4px;
	overflow: hidden;
}

ul.functions li.current 
{ 
	background: #ffffff; border-bottom: 1px solid #ffffff; 
}

ul.navi div.drop
{
	position: absolute;
	background-color: #ffffff;
	top: 17px;
	right: -1px;
	border: 1px solid #999999; 
	border-width: 0px 1px 1px 1px;
	z-index: 1000;
}

ul.navi div.drop ul
{
	position: relative;
	border: 0px;
	text-align: left;
	float: none;
	padding: 0px;
	margin: 0px;
}


ul.navi div.drop li
{
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	background-color: #ffffff;
	float: none;
	display: block;
	position: relative;
	right: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 100%;
	font-size: 12px;
	line-height: 21px;
	height: 21px; 
	text-align: left;
	clear: both;
	overflow: hidden;
}

ul.navi div.drop li a
{
	position: relative;
	display: block;
	right: 0px;
	background-color: #ffffff;
	clear: both;
	text-align: left;
	float: none;
	line-height: 10px;
}

ul.functions div.drop
{
	left: auto;
	right: -1px;
}

/**  function drop **/

div.functionDrop
{
	position: absolute;
	display: block;
	overflow: hidden;
	height: 16px;
	line-height: 16px;
	margin: 1px;
	padding: 0px;
	width: 50px;
}

div.functionDrop:hover
{
	padding: 0px;
	overflow: visible;
	margin: 0px;
	background: #dddddd;
	border: 1px solid #999999;
	z-index: 2;
}




div.functionDrop .label,
div.functionDrop a
{
	white-space: nowrap;
	padding: 0px 2px 0px 2px;
	font-weight: normal;
}

div.functionDrop .label
{
	padding-right: 6px;
	text-align: right;
}

div.functionDrop a
{
	display: block;
	border-top: 1px dotted #bbbbbb;
}

div.functionDrop:hover .drop
{
	position: absolute;
	z-index: 1000;
	display: block;
	right: -1px;
	background: #dddddd;
	border: 1px solid #999999;
	border-top: 0px;
}


div.functionDrop ul
{
	display: block;
	float: none;
}

div.functionDrop ul li
{
	display: block;
	float: none;
	clear: both;
}

div.functionDrop .label,
ul.navi li a.action
{
	width: auto;
	padding-right: 16px;
	background-image: url('/img/icons.png'); 
	background-position: right -63px;
	background-repeat: no-repeat;
}

ul.navi li a.action
{
	background-position: right -62px;
	height: 13px;
	padding-bottom: 0px;
}

ul.navi li:hover a.action
{
	border-bottom: 1px dotted #bbbbbb;
}

table.related div.functionDrop,
td.last div.functionDrop,
div.right div.functionDrop
{
	right: 0px;
}

#pageNavi { margin-bottom: 6px; }

/** choose tabs **/

div.chooseTab
{
	position: relative;
	padding: 4px 0px 0px 0px;
}

div.chooseTab div.tabs
{
	position: relative;
	height: 17px;
	clear: both;
	border-bottom: 1px solid #999999;
}

div.chooseTab a.chooseTab
{
	border: 1px solid #cccccc;
	color: #000000;
	background: #dddddd;
	border-bottom: 0px;
	display: block;
	float: left;
	height: 16px;
	padding: 0px 4px 0px 4px;
	margin: 0px 4px 0px 0px;
}

div.chooseTab a.current
{
	background: #ffffff;
	border-color: #999999;
	height: 16px;
	color: #000000;
	border-bottom: 1px solid #ffffff;
}

div.chooseTab div.tab
{
	background: #ffffff;
	position: relative;
	margin-top: 0px;
	border: 1px solid #999999;
	border-width: 0px 1px 0px 1px;
	padding: 4px;
}

div.fileUpload div.chooseTab div.tabs
{
	margin: 0px -4px 0px -4px;
	padding: 0px 4px 0px 4px;
}

div.fileUpload div.tab
{
	margin: 0px -4px 0px -4px;
	border-width: 0px 0px 0px 0px;
	padding: 4px;
}



/** loading **/

.loading
{
	display: block;
	min-height: 17px;
	padding-left: 23px;
	background-image: url('/img/processing-wheel-17px-trans.gif');
	background-repeat: no-repeat;
	background-position: 3px center;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	margin: 8px;
}



#loading,
#saving
{
	position: fixed;
	z-index: 500000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: wait;
}

.overlay .background
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.overlay .container
{
	position: relative;
	top: 40%;
	width: 700px;
	background: none;
	margin: auto;
}

.overlay .loading
{
	position: relative;
	margin: 0px;
	padding: 13px 13px 10px 33px;
	background-color: #ffffff;
	background-position: 13px 13px;
}

#loading .container
{
	width: 200px;
}

#saving p.progressmessage
{
	font-size: 11px;
	margin: 0px 0px 4px 0px
}

#saving p.small
{
	margin-top: 14px;
	color: #aaaaaa;
	font-size: 0.9;
}

#saving .response
{
	font-weight: normal;
	overflow: scroll;
	max-height: 300px;
}

/** saving **/
.overlay .ajaxResponse { background: #ffffff; }
#saving .fileMessage { color: #777777; font-size: 14px;  margin-top: 10px; font-weight: normal; }
#progress_meter { position: relative; display: none; background: #FFFFFF; border: 1px solid #cccccc; padding: 0px; }
#progress_bar { position: relative; color: #555555; background: #CCCCCC; height: 16px; font-size: 10px; line-height: 16px; min-width: 1%; width: 1%; margin: 0px; padding-left: 3px; }
#progress_message { font-weight: bold; }

.dialog #saving .container
{
	width: 574px;
}

.dialog .loading
{
	font-size: 10px;
}


/** Links Styles **/
a.external_link { white-space: nowrap; position: relative; padding-right: 16px; background-image: url('/img/icons_external_link_15px.gif'); background-position: right; background-repeat: no-repeat; }
a.download_link { white-space: nowrap; position: relative; padding-right: 16px; background-image: url('/img/icons_download_15px.gif'); background-position: right; background-repeat: no-repeat; }
a.video_link { white-space: nowrap; position: relative; padding-left: 15px; background-image: url('/img/icons_video_camera_15px.gif'); background-position: -1px -1px; background-repeat: no-repeat; }
a.audio_link { white-space: nowrap; position: relative; padding-left: 15px; background-image: url('/img/icons_speaker_15px.gif'); background-position: -1px 0px; background-repeat: no-repeat; }
a.rss_feed { position: relative; white-space: nowrap; clear: none; width: auto; height: 16px; line-height: 16px; padding-left: 18px; padding-right: 2px; background-image: url('/img/rss-feed-icon16x16.png'); background-position: 0px 0px; background-repeat: no-repeat; }
a.current { text-decoration: underline; font-weight: bold; }

/** Search Styles **/
div.search { font-size: 11px; }

/** Actions Styles **/
div.actions { padding: 8px; }



/**  list Styles **/
div.list p { margin: 0px; padding: 0px; }
div.list div.title,div.list .selectionAction { float: left; width: 400px; }
div.list .selectionAction .button { float: left; clear: left; margin-right: 3px;}


/** listNavigation Styles **/
div.listNavigation { line-height: 15px; min-height: 22px; margin-bottom: 5px; }

div.listNavigation .filters,div.list div.action { float: right; clear: right; margin-left: 20px; text-align: right; }
div.listNavigation .filters .text { width: 120px; }
div.listNavigation .filters .button { margin: 0px 15px 0px 3px; }
div.listNavigation .filters select { font-size: 11px; }
div.listNavigation .filters input.button { position: relative; padding: 1px 4px 1px 4px; line-height: 12px; font-size: 10px; height: 16px; margin-top: 1px; margin-right: 5px;}
div.listNavigation .filters input.text { position: relative; padding: 1px; width: 100px; margin: 0px 5px 0px 0px; font-size: 11px; }


div.listNavigation .filters .filter { width: 85px; }
div.listNavigation .pageNumbers { float: left; }
div.listNavigation div.actions { float: left; padding: 0px;}
div.listNavigation .actions select { font-size: 11px;}
div.listNavigation .actions input.button { position: relative; padding: 1px 4px 0px 4px; line-height: 12px; font-size: 11px; height: 18px; margin-top: 1px; margin-right: 5px;}

.compact
{
	margin-bottom: 10px;
}

.compact table.list
{
	margin-bottom: 2px;
}

.compact div.listNavigation
{
	height: 12px;
	min-height: 12px;
}

.compact div.listNavigation .title h4
{
	float: left;
}

/** pages styles **/

div.pages { display: inline-block; }
.pages .previous,.pages .next { font-size: 20px; float: left; line-height: 15px; margin-top: -1px;}
.pages ul { position: relative; display: block; float: left; margin: 0px; margin: 0px; padding: 0px 5px 0px 5px; }
.pages li { list-style: none; position: relative; display: inline; margin: 0px; padding: 0px; font-size: 11px; }
.pages a { font-weight: normal; }
.pages .current { text-decoration: underline; font-weight: bold; }
.pages .current a { font-weight: bold; }


/** table styles **/

table
{
	position: relative; 
	clear: both;
	border-bottom: 1px solid #cccccc;
}

table tr.even { background: #f3f3f3; }
table tr.odd { background: #ffffff; }

table tbody tr.current { background: #dddddd; }
table tbody tr.master { font-weight: bold; font-style: italic;}

/* conflicts with tinymce */
/* table tbody tr:hover { background: #aaaaaa; } */

/** table th styles **/

table th { border: 0px; padding: 0px 3px 0px 3px; text-align: left; height: 19px;  text-align: left; line-height: 17px; background-color: #cccccc; white-space: nowrap;}

table th a { display: block; color: #000000; }

table th.selected_desc {  background-image: url('/img/icons.png'); background-position: 0px -61px; background-repeat: no-repeat; background-color: #aaaaaa; }
table th.selected_asc { background-image: url('/img/icons.png'); background-position: 	0px -158px; background-repeat: no-repeat; background-color: #aaaaaa; }
table th.selected_desc a,table th.selected_asc a {  padding-left: 15px; }

/** table td styles **/

table td
{
	line-height: 16px;
	height: 17px;
	font-size: 11px;
	min-width: 11px;
	vertical-align: middle;
	overflow: hidden;
	padding: 2px;
}

table td a { font-weight: normal; }



table th.first,
table td.first
{
	border-left: 1px solid #cccccc;
}

table th.last,
table td.last
{
	border-right: 1px solid #cccccc;
}

table td.primary 
{ 
	font-size: 12px; 
}

table td.primary a,
table a.title
{  
	font-weight: bold; 
}

table td.id,
table td.size,
table td.group,
table td.type,
table td.class,
table td.context,
table td.offset,
table td.count,
table td.order,
table td.action,
table td.owner, 
table td.modified,
table td.items,
table td.small
{ 
	color: #555555;
	font-size: 80%; 
}

td.class
{
	white-space: nowrap;
}


td.action a
{
	white-space: nowrap;
	font-weight: normal;
}

table td.date,
table td.modified
{
	white-space: nowrap;
}

table td.id a
{
	font-weight: normal;
}

table tr.totals 
{
	background: #ffffff; 
}

table tr.totals td, 
table tr.totals th 
{ 
	border-top: #333333 solid 1px; 
	border-bottom: #333333 solid 1px; 
	margin-bottom: 5px; 
}

table tr.totals th 
{ 
	text-align: right; 
	padding-right: 4px; 
}

.list .title h4
{
	margin: 0px;
}

.headAction
{
	white-space: nowrap;
}
.headAction a
{
	font-weight: bold;
}

/** table.list styles */

table.list {  width: 100%; min-width: 760px; padding: 0px;  margin-bottom: 8px; }
table.list .primary { width: 50%; white-space: normal; padding-left: 2px; }
table.list td.number { text-align: right; }
table.list td.total { border-right: 3px solid #cccccc; }
table.list input { background: none; }

/** table.related styles */

table.related { position: relative; width: 372px; margin: 0px; margin-bottom: 14px; border-spacing: 0px; border-bottom: 1px solid #cccccc; }
table.related td.class, table.related td.status { color: #555555; font-size: 80%; }
table.related td.class {  line-height: 12px; width: 41px; overflow: hidden;}
table.related td.title { line-height: 12px; width: 191px; overflow: hidden; }
table.related td.count { width: 21px; }
table.related td.status { width: 31px; }
table.related tr.edititem td.class:before { content: '>'; font-size: 12px; padding-right: 2px; font-weight: bold; color: #000000; }
table.related th a {display: inline;}
table .count a { font-weight: normal; color: #555555; }
table .text { text-align: left; }
table .select { text-align: left; border-right: 0px; width: 15px; padding: 0px 2px 0px 4px; }


table.compact td { font-size: 9px; color: #555555;}
table.compact .primary { width: 43%; }
table.compact td.primary { font-size: 12px; }

/** Editor Styles **/

/* Styles for Editor form */
#editor { 
	position: relative; width: 600px; padding: 0px 0px 8px 7px; margin-right: 8px; float: left; 
}

.editor p { padding-bottom: 3px; }
.editor div.attachment { position: relative; float: left; border: 1px solid #cccccc; background: #eeeeee; margin-right: 5px; margin-bottom: 5px; }
.editor div.attachment img { position: relative; margin-bottom: 5px; }
.editor div.attachment object,.editor div.attachment embed { position: relative; display: block; float: none; margin: 0px; padding: 0px; clear: both; margin-bottom: 5px; z-index: 100;}
.editor div.attachment input.full { width: 100%; }
.editor div.image label { font-weight: normal; font-size: 90%; }

.editor .col2.date select,
.editor .col3.datetime select
{
	font-size: 10px;
}

#editor .rule
{
	width: 592px;
}

/** details styles **/
.details { width: 800px; }
.details p { position: relative; width: 350px; float: left; border: 1px solid #cccccc; margin: 8px 0px 0px 8px; padding: 8px; }
.details table { float: left; margin: 8px 0px 0px 8px; padding: 8px; width: 368px; border: 1px solid #cccccc; }
.details table .full { width: 740px; }
.details table th { text-align: right; white-space: nowrap; padding-right: 4px; }
.details table.list td { width: 75%; }
.details .package { width: 740px; border: 2px solid #555555; margin: 8px; }
.details .package p { width: 340px; }
.details .package .item { position: relative; width: 706px; float: left; border: 1px solid #cccccc; margin: 8px 0px 0px 8px; padding: 8px; }
.details .package .item .quantity { font-size: 370%; line-height: 100%; float: left; margin-right: 10px; }
.details .package table { float: left; margin: 8px 0px 0px 8px; padding: 8px; width: 358px; border: 1px solid #cccccc; }
.details .package table td { text-align: right; }
.details p.full { width: 726px; }
.details .notes { width: 740px; border: 1px solid #cccccc; margin: 8px; }
.details .notes p { width: auto; border: 0px; float: none; }
.details pre { clear: both; }
.detailsHidden { background-position: 0px -126px; }
.detailsVisible {  background-position: 0px -158px; }

/** Column layout styles **/

.box .buttons { width: 582px; }

.col8 .text, .col8 p,.col8 .buttons { max-width: 590px; width: 584px; }
.col8 .display { max-width: 584px; width: 584px; }
.col6 input.selectother { width: 550px; }

.col6 .text,.col6 p,.col6 .display,.col6 .box,.col6 .buttons {  position: relative; width: 435px; }
.col6 input.selectother { width: 400px; }

.col5 .text,.col5 p,.col5 .display,.col5 .box,.col5 .buttons {  position: relative; width: 360px; }
.col5 input.selectother { width: 325px; }

.half .text,.col4 .text,.col4 select.full,.col4 .check,.col4 .display { position: relative; width: 284px; }
.col4 p,.col4 .buttons { width: 296px; }
.half input.selectother, .col4 input.selectother { width: 260px; }
.col4 select { max-width: 292px; }

.col3 .text,.col3 p,.col3 select.full,.col3 .check,.col3 .display,.col3 .buttons { position: relative; width: 205px; }
.col3 input.selectother { width: 170px; }

.col2 .text,.col2 p,.col2 select.full,.col2 .check,.col2 .display,.col2 .buttons { position: relative; width: 135px; }
.col2 input.selectother { width: 100px; }

.col1 .text,.col1 p,.col1 select.full,.col1 .check,.col1 .display,.col1 .buttons { position: relative; width: 60px; }
.col1 input.selectother { width: 25px; }

.col3 select { position: relative; max-width: 95%; }
.col2 select { position: relative; max-width: 95%; }
.col1 select { position: relative; max-width: 85%; font-size: 10px;}

.dragItem .col8 { width: 560px; }
.col8 .col6, .dragItem .col6 { width: 420px; }
.col8 .col5, .dragItem .col5 { width: 360px; }
.col8 .col4, .dragItem .col4 { width: 291px; } 
.col8 .col3, .dragItem .col3 { width: 210px; }
.col8 .col2, .dragItem .col2 { width: 134px; } 
.col8 .col1, .dragItem .col1 { width: 65px; }

.dragItem .col8 .text, .dragItem .col8 p,.dragItem .col8 .buttons { max-width: 590px; width: 582px; }
.dragItem .col8 .display { max-width: 584px; width: 584px; }
.dragItem .col8 input.selectother { width: 550px; }

.dragItem .col6 .text,.dragItem .col6 p,.dragItem .col6 .display,.dragItem .col6 .box,.dragItem .col6 .buttons {  position: relative; width: 405px; }
.dragItem .col6. input.selectother { width: 370px; }

.dragItem .col5 .text,.dragItem .col5 p,.dragItem .col5 .display,.dragItem .col5 .box,.dragItem .col5 .buttons {  position: relative; width: 345px; }
.dragItem .col5 input.selectother { width: 310px; }

.dragItem .col4 .text,.dragItem .col4 select.full,.dragItem .col4 .check,.dragItem .col4 .display { position: relative; width: 275px; }
.dragItem .col4 p,.dragItem .col4 .buttons { width: 270px; }
.dragItem .col4 select { max-width: 270px; }
.dragItem .col4 input.selectother { width: 235px; }

.dragItem .col3 .text,.dragItem .col3 p,.dragItem .col3 select.full,.dragItem .col3 .check,.dragItem .col3 .display,.dragItem .col3 .buttons { position: relative; width: 195px; }
.dragItem .col3 input.selectother { width: 160px; }

.dragItem .col2 .text,.dragItem .col2 p,.dragItem .col2 select.full,.dragItem .col2 .check,.dragItem .col2 .display,.dragItem .col2 .buttons { position: relative; width: 120px; }
.dragItem .col2 input.selectother { width: 95px; }

.dragItem .col1 .text,.dragItem .col1 p,.dragItem .col1 select.full,.dragItem .col1 .check,.dragItem .col1 .display,.dragItem .col1 .buttons { position: relative; width: 56px; }
.dragItem .col1 input.selectother { width: 20px; }

.dragItem table.fileversions
{
	margin-top: 4px;
	margin-left: -5px;
	width: 594px;
}

.check input.text
{
	border: 1px solid #cccccc;
	font-size: 11px;
	margin-right: 5px;
	padding: 1px;
	float: left;
	display: block;
	width: 50px !important;
}

div.files input.text,.files textarea { width: 572px;  }
div.dragItem table.files { margin-top: 4px; margin-left: -4px; width: 590px; border-width: 0px 0px 1px 0px; }
.filebox
{
	width: 582px;
	background: #ffffff;
	border: 1px solid #cccccc;
	margin: 8px 0px 4px 0px;
	text-align: center;
	padding: 4px;
}

.padded { padding: 4px; }

.box { position: relative; background: #ffffff; border: 1px solid #cccccc; padding: 0px 4px 0px 4px; margin-bottom: 4px; }
.field  { min-height: 45px; }
.field .container { margin: 4px 0px 4px 0px; }

.field .function
{
	float: right;
	margin-right: 10px;
	font-weight: normal;
}

.field .passwordHint
{
	font-weight: bold;
	padding-bottom: 5px;	
}

.field .passwordHint .password
{
	color: #555555;
	font-weight: normal;
}

/* JQuery Autocomplete Styles */
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used*/
/*width: 100%; */
font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox*/
line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('/img/processing-wheel-17px-trans.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }


/** related items edit fields **/
div.relatedLabel { display: block; border-bottom: 1px solid #cccccc; width: 588px; margin: 24px 0px 0px 0px; padding: 2px 2px 2px 2px; }
div.relatedLabel h4.label { color: #000000; font-weight: normal; float: left; width: 398px; margin: 0px;}
div.relatedLabel .params { text-align:right; line-height: 18px; float: left; width: 190px; }
div.relatedLabel .functionDrop { width: 100px; position: absolute; right: 0px; line-height: 16px; }

div.relatedLabel  .functionDrop:hover ul
{
	margin: 0px;
	padding: 0px;
}
div.relatedLabel .functionDrop span.label { margin: 0px;}

div.relatedList { margin-top: 0px; width: 592px; padding-top: 2px; padding-bottom: 2px; }
div.relatedButtons { width: 588px; margin: 0px 0px 24px 0px; padding: 0px 2px 0px 2px; clear: both;}
div.relatedButtons .button {
	font-size: 12px;
	font-weight: normal;
}

.relatedList .box,.relatedItem, .dragItem { /* DO NOT PUT position: relative HERE or it will break the sortable!!! */ width: 590px; border: 2px solid #cccccc; background: #ffffff; margin: 4px 0px 12px 0px; overflow: hidden;}
.dragItem .container { position: relative; margin: 0px; padding: 0px 4px 0px 4px; min-height: 32px; overflow: visible; }
div.itemHandle, div.dragHandle,div.showItemDetails { position: relative; display: block; clear: both; width: 100%; height: 20px; line-height: 20px; background: #cccccc; padding: 0px; margin: 0px; border: 0px; }
.sortable div.itemHandle, div.dragHandle { cursor: move; background-image: url('/img/icons.png'); background-repeat: no-repeat; background-position: right 1px; }
img.itemHandle { background-image: none; cursor: move;}
div.dragHandleLeft { cursor: move; position: relative; width: 21px; height: 100%; background: #cccccc; float: left; clear: none; margin-right: 5px; background-image: url('/img/icons.png'); background-repeat: no-repeat; background-position: 2px 2px; }
.dragItem .col8 textarea,.dragItem .col8 .text, textarea.fileEmbed { max-width: 574px; width: 574px; }
.dragItem .col7 textarea,.dragItem .col7 .text { max-width: 560px; width: 560px; }
.dragItem .col8 { max-width: 576px; width: 576px;}
.handleTitle { float: left; margin-left: 4px; width: auto;}
.relatedList .box, .dragItem .box { border: 0px; margin: 0px; padding-bottom: 0px; width: 582px; }
.showItemDetails a.details { background-image: url('/img/icons.png'); background-repeat: no-repeat; padding-left: 15px; background-position: 0px -126px; }
.showItemDetails a.detailsVisible {  background-position: 0px -158px; }
.handleAnnotation { float: right; margin-right: 16px;}
.relatedList .dragItem .buttons { background-color: #cccccc; padding: 2px 4px 2px 4px; }


/* files editor */

body.files table.related td.class { border-left: 0px; }
body.files table.related td.id { border-left: 1px solid #cccccc;}

.list div.grid
{
	clear: both;
	margin: 0px auto 5px auto;
	width: 980px;
}

.list div.pick
{
	clear: both;
	margin: 0px auto 5px auto;
	width: 565px;
}

.list div.grid div.fileGroup
{
	position: relative;
	width: 185px;
	height: 125px;
	float: left;
	border: 1px solid #dddddd;
	margin: -1px 0px 0px -1px;
	padding: 4px;
	overflow: hidden;
	text-align: center;	
}

.list div.pick div.fileGroup
{
	width: 108px;
	height: 80px;
	padding: 2px;
	
}

.filePicker .list .title 
{
	width: auto;
}


.filePicker .list .title h4
{
	font-size: 11px;
	float: left;
}


.list div.grid div.fileGroup div.imagecrop
{
	position: relative;
	width: 185px;
	height: 125px;
	background: #eeeeee;
	overflow: hidden;
}

.list div.pick div.fileGroup div.imagecrop
{
	background: #eeeeee;
	width: 108px;
	height: 85px;
}


.list div.grid div.fileGroup div.caption
{
	position: absolute;
	width: 185px;
	padding: 4px;
	margin-left: -4px;
	bottom: 0px;
	background: #ffffff;
	opacity: 0.8;
	display: block;
}

.list div.pick div.fileGroup div.caption
{
	width: 108px;
	font-size: 9px;
	padding: 2px;
	margin-left: -2px;
	
}

.list div.grid div.fileGroup div.hide
{
	display: none;
}


.list div.grid div.fileGroup:hover div.hide
{
	display: block;
}

.list div.grid div.icon
{
	width: 185px;
	height: 125px;
}

.list div.pick div.icon
{
	width: 108px;
	height: 85px;
}


/** Keyword editing styles **/
#keywordsList,#keywordDetails { position: relative; margin-right: 8px; }
#keywordsList a#keywordItems a { font-weight: normal; }
#keywordsList h1 { float: left; }
#keywordsList h1,#keywordDetails h1 { margin-bottom: 8px; }
#keywordsList a.newKeyword { float: right; font-weight: bold; text-align: right; }
#keywordsList ul { clear: both; margin: 0px; padding: 0px 8px 8px 18px; }
#keywordsList ul li { line-height: 18px; }

/** list functions drop menu **/

table td.action,
table.related td.action
{
	overflow: visible;
	position: relative;
	vertical-align: top;
	width: 49px; 
	text-align: right;
}



#subNavi div.functionDrop
{
	float: right;
	width: auto;
	border: 1px solid #ff00ff;
}


/** contents search **/

.search div.title { width: 500px; }
.search div.title input.text { width: 200px; margin-right: 5px; }

/** contents structure **/
.structure .container { width: 976px; }
.structure .column { float: left; margin-right: 0px;  }
.structure .left { width: 467px; }
.structure .right  { width: 500px; margin-left: 8px; }
.structure table.list { min-width: 467px; width: 467px; max-width: 467px; }
.structure .right table.list { min-width: 500px; width: 500px; max-width: 500px;}
.structure table.list td.class, .structure table.list td.status { color: #555555; font-size: 80%;}
.structure table.list td.status { width: 50px; }
.structure table.list td.count { text-align: right; width: 30px; }
.structure table.list td.list {  width: 30px; white-space: nowrap; }
.structure table.list td.list a { background-image: url('/img/icons.png'); background-repeat: no-repeat; background-position: right -128px; padding-right: 16px;}
.structure table.list select { width: 100px; }

.structure .left table.list .primary
{
	width: 150px;
}

.structure .left table.list .class
{
	width: 60px;
}

.structure .left table.list .status
{
	width: 60px;
}

.structure .left table.list .children
{
	width: 204px;
}

.structure .left table.list .action
{
	width: 95px;
}

/** contents topics **/

/** contents topics **/
.col4 table { width: 300px; }
.col8 table { width: 582px; }

.topics table td.count
{
	width: 30px;
	text-align: right;
}
.topics table td.id
{
	width: 20px;
}


/** section colors **/

#contents div.subnavi,.subnaviEmpty { background: #b8d0d1; border-top: 4px solid #b8d0d1; }
ul.contents li.current { background: #b8d0d1; border-bottom: 1px solid #b8d0d1; }
#contents ul.navi div.drop li a:hover,
#contents .functionDrop a:hover,
#contents table tr.current,
#contents table th.selected_desc, 
#contents table th.selected_asc, 
#contents table.related tbody tr:hover, 
#contents table.list tbody tr:hover { background-color: #b8d0d1; }

#newsletter div.subnavi,.subnaviEmpty { background: #d0b8d1; border-top: 4px solid #d0b8d1; }
ul.newsletter li.current { background: #d0b8d1; border-bottom: 1px solid #d0b8d1; }
#newsletter ul.navi div.drop li a:hover,
#newsletter .functionDrop a:hover,
#newsletter table tr.current,
#newsletter table th.selected_desc, 
#newsletter table th.selected_asc, 
#newsletter table.related tbody tr:hover, 
#newsletter table.list tbody tr:hover { background-color: #d0b8d1; }

#newsletter table td.action a
{
	font-size: 12px;
	font-weight: bold !important;
}

#users div.subnavi,.subnaviEmpty { background: #d1d099; border-top: 4px solid #d1d099; }
ul.users li.current { background: #d1d099; border-bottom: 1px solid #d1d099; }
#users ul.navi div.drop li a:hover,
#users .functionDrop a:hover,
#users table tr.current,
#users table th.selected_desc, 
#users table th.selected_asc, 
#users table.related tr:hover, 
#users table.list tr:hover { background-color: #d1d099; }

#users .userModule
{
	border-bottom: 1px solid #cccccc;
	margin-top: 12px;
	padding-bottom: 12px;
}

#subscriptions div.subnavi,.subnaviEmpty { background: #cda8a8; border-top: 4px solid #cda8a8; }
ul.subscriptions li.current { background: #cda8a8; border-bottom: 1px solid #cda8a8; }
#subscriptions ul.navi div.drop li a:hover,
#subscriptions .functionDrop a:hover,
#subscriptions table tr.current,
#subscriptions table th.selected_desc, 
#subscriptions table th.selected_asc, 
#subscriptions table.related tbody tr:hover, 
#subscriptions table.list tbody tr:hover { background-color: #cda8a8; }


#blog div.subnavi,.subnaviEmpty { background: #a8cda8; border-top: 4px solid #a8cda8; }
ul.blog li.current { background: #a8cda8; border-bottom: 1px solid #a8cda8; }
#blog ul.navi div.drop li a:hover,
#blog .functionDrop a:hover,
#blog table tr.current,
#blog table th.selected_desc, 
#blog table th.selected_asc, 
#blog table.related tbody tr:hover, 
#blog table.list tbody tr:hover { background-color: #a8cda8; }

#blog .buttons .label
{
	display: block;
	line-height: 18px;
	clear: both;
}

#blog .relatedButtons
{
	margin-bottom: 4px;
}

#blog td.primary
{
	width: 60%;
}

#blog select.blog
{
	width: 200px;
}

#shop div.subnavi,.subnaviEmpty { background: #a8a8cd; border-top: 4px solid #a8a8cd; }
ul.shop li.current { background: #a8a8cd; border-bottom: 1px solid #a8a8cd; }
#shop ul.navi div.drop li a:hover,
#shop .functionDrop a:hover,
#shop table tr.current,
#shop table th.selected_desc, 
#shop table th.selected_asc, 
#shop table.related tbody tr:hover, 
#shop table.list tbody tr:hover { background-color: #a8a8cd; }


#shop .box
{
	margin-right: 4px;
	padding: 4px;
}

#shop .col4
{
	width: 286px;
}

/** dialog specific styles **/

.dialog
{

}

.dialog #saving
{
	border: 0px;
}

.inline .placeholder
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	display: block;
}

.inline .file .icon
{
	background-color: none;
}


/** critter image upload styles **/

.critterinline div.chooseTab div.tab
{
	border-bottom-width: 1px;
}

.critterinline dl.inline
{
	text-align: left;
	width: 572px;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 4px;
}



.critterinline dl.inline dt,
.critterinline dl.inline dd
{
	margin: 0px;
	padding: 0px;
	clear: both;
}


.critterinline dl span.caption
{
	display: inline-block;
	white-space: normal;
	text-align: left;
}

.critterinline dl.inline dt
{
	display: block;
}

.critterinline div.col3 span.check
{
	width: 60px;
	float: left;
}

.critterinline .col8,
.critterinline .col8 input.text,
.critterinline .col8 textarea,
.critterinline .tab>input.text,
.critterinline .tab>textarea
{
	width: 574px;
}

.critterinline .col8 input.selectother
{
	width: 554px;
}

.critterinline .mceActionPanel .loading
{
	display: inline-block;
}

/** state styles **/

.editstate td, .editstate label, .editstate a, .editstate
{
	color: #8e8e00 !important;
}

.previewstate td, .previewstate label, .previewstate a, .previewstate,
.pendingstate td, .pendingstate label, .pendingstate a, .pendingstate
{
	color: #008e00 !important;
}

.spamstate td, .spamstate label, .spamstate a, .spamstate,
.queuestate td, .queuestate label, .queuestate a, .queuestate,
.processingstate td, .processingstate label, .processingstate a, .processingstate
{
	color: #8e8e8e !important;
}

.removedstate td, .removedstate label, .removedstate a, .removedstate,
.deletedstate td, .deletedstate label, .deletedstate a, .deletedstate
{
	color: #8e0000 !important;
}

/** profile **/

ul.navi li.profile 
{ background: #ffffff; border-bottom: 1px solid #ffffff; }

#profile .emphasise
{
	color: #990000;
}

/** file attachment classes **/

.attachment
{
	position: relative;
}

.leftAlign
{
	float: left;
	margin: 0px 15px 15px 0px;
}

.leftclearAlign
{
	float: left;
	clear: both;
	margin: 0px 15px 15px 0px;
}

.rightAlign
{
	float: right;
	margin: 0px 0px 15px 15px;
}

.rightclearAlign
{
	float: right;
	clear: left;
	margin: 0px 0px 15px 15px;
}

.centerAlign
{
	text-align: center;
	margin: 0px auto 0px auto;
	
}

.centerAlign .media
{
	position: relative;
	display: block;
	margin: 0px auto 0px auto;
}

.attachment .caption
{
	position: relative;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

.attachment .caption h5
{
	position: relative;
	font-weight: normal;
}


/** download styles **/

.download
{
	clear: both;
	display: block;
	position: relative;
	text-align: left;
}

.download .file a.box
{
	display: block;
	border: 1px solid #eeeeee;
	overflow: hidden;
}

.download .file
{
	color: #999999;
	display: block;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-size: 11px;
}

.download .file
{
	position: relative;
	border: 1px dashed #000000;
	width: 100%;
	margin: -1px;
	display: block;
	text-decoration: none;
	
}

.download .file .details
{
	position: relative;
	display: block;
	margin: 5px 0px 5px 55px;
	clear: both;
	width: 85%;
	font-weight: normal;
	color: #999;
	font-size: 11px;
	line-height: 15px;
}

.download .file .details .title
{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.download .details p
{
	margin-top: 9px;
}

.download .file:hover
{
	background-color: #eeeeee;
	border: 1px solid #000000;
}

.download a:hover
{
	text-decoration: none;
}


.attachment .graphic,
.attachment .image
{
	background-image: url('/img/filetypes/image-48x48.png');
}

.attachment .doc,
.attachment .docx,
.attachment .document
{
	background-image: url('/img/filetypes/doc-48x48.png');
}

.attachment .audio
{
	background-image: url('/img/filetypes/sound-48x48.png');
}

.attachment .video
{
	background-image: url('/img/filetypes/video-48x48.png');
}

.attachment .archive
{
	background-image: url('/img/filetypes/compressed-package-48x48.png');
}


.attachment .xls,
.attachment .xlsx
{
	background-image: url('/img/filetypes/spreadsheet-48x48.png');
}

.attachment .pdf
{
	background-image: url('/img/filetypes/pdf-48x48.png');
}