/*--------------------------------------------- */
/*                >>> RESET <<<                 */
/*--------------------------------------------- */

html, body,
p, pre, blockquote,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
form, fieldset {
	margin: 0;
	padding: 0;
}

a:active {
	outline: none;
}
.link-underline {
	text-decoration: underline;
}
.link-underline:hover {
	text-decoration: none;
}
.links-underline a {
	text-decoration: underline;
}
.links-underline a:hover {
	text-decoration: none;
}

a img,
fieldset {
	border: none;
}

hr {
	display: none;
}

ol, ul {
	list-style: none;
}

ol.bullets, ul.bullets,
div.editable ol, div.editable ul
{
	margin: 0 0 1.5em 2.5em;
}

ol.bullets ol, ul.bullets ul,
div.editable ol ol, div.editable ul ul
{
	margin-bottom: 0;
}

ol.bullets, div.editable ol                   { list-style-type: decimal; }
ul.bullets, div.editable ul                   { list-style-type: disc; }
ul.bullets ul, div.editable ul ul         { list-style-type: circle; }
ul.bullets ul ul, div.editable ul ul ul { list-style-type: square; }



/*--------------------------------------------- */
/*              >>> TYPOGRAPHY <<<              */
/*--------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* 12px */
	line-height: 1;
}

/* Standard Classes */

.normal { font-size: 1.0em;    line-height: 1.5em;    margin-bottom: 1.5em; }    /* 12px/18px */
.small  { font-size: 0.9166em; line-height: 1.6363em; margin-bottom: 1.6363em; } /* 11px/18px */
.tiny   { font-size: 0.8333em; line-height: 1.8em;    margin-bottom: 1.8em; }    /* 10px/18px */
.normal.no-margin { margin: 0; }
.small.no-margin { margin: 0; }
.tiny.no-margin { margin: 0; }

/* Headings */

h1, h2 { font-weight: normal; }
h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 2.0em;    line-height: 1.5em; margin-bottom: 0.75em; } /* 24px/36px */
h2 { font-size: 1.5em;    line-height: 1em;   padding: 0.5em 0; }      /* 18px/18px */
h3 { font-size: 1.25em;   line-height: 1.2em; padding: 0.6em 0; }      /* 15px/18px */
h4 { font-size: 1.0em;    line-height: 1.5em; }                        /* 12px/18px */
h5 { font-size: 0.9166em; line-height: 1.6363em; }                     /* 11px/18px */
h6 { font-size: 0.8333em; line-height: 1.8em; }                        /* 10px/18px */

.heading3, .heading4, .heading5, .heading6 { font-weight: bold; }

.heading1 { font-size: 2em;      line-height: 1.5em;    margin: 0; padding: 0 }        /* 24px/36px */
.heading2 { font-size: 1.5em;    line-height: 1em;      margin: 0; padding: 0.5em 0; } /* 18px/18px */
.heading3 { font-size: 1.25em;   line-height: 1.2em;    margin: 0; padding: 0.6em 0; } /* 15px/18px */
.heading4 { font-size: 1.0em;    line-height: 1.5em;    margin: 0; padding: 0; }       /* 12px/18px */
.heading5 { font-size: 0.9166em; line-height: 1.6363em; margin: 0; padding: 0; }       /* 11px/18px */
.heading6 { font-size: 0.8333em; line-height: 1.8em;    margin: 0; padding: 0; }       /* 10px/18px */


/* Elements */

p, pre, blockquote,
dl, ol, ul,
table, caption,
legend,
div.editable {
	font-size: 1.0em;   /* 12px */
	line-height: 1.5em; /* 18px */
	margin-bottom: 1.5em;
}

pre {
	font-family: "Courier New", monospace;
}

ol ol, ul ul {
	line-height: inherit;
}

table.worktable th {
	font-size: 0.9166em;   /* 11px */
	line-height: 1.6363em; /* 18px */
}

input, select, textarea {
	font-family: Arial, sans-serif;
	font-size: 1.0em;
}

textarea {
	line-height: 1.5em;
}

span.file input {
	font-size: 1.1em;
}
* html span.file input.file { height: 24px; }
*+html span.file input.file { height: 24px; }

form.modalform div.title input,
#systempanel form div.title input {
	font-size: 2em;
}

#content-head h1 {
	margin-right: 24px;
	overflow: hidden;
}

* html #content-head h1 {
	width: 95%;
}

div.column-secondary h3 {
	font-size: 1.0em;
	line-height: 1.5em;
}


div.errormessage,
span.errormessage {
	font-size: 0.9166em;   /* 11px */
	line-height: 1.6363em; /* 18px */
}



/*--------------------------------------------- */
/*            >>> COMMON CLASSES <<<            */
/*--------------------------------------------- */

.bold {
	font-weight: bold;
}

/*
.fade {
	filter: alpha(opacity=40);
	opacity: 0.4;
}
*/

.hide {
	display: none;
}


/*
.hscroll {
	overflow: auto;
	overflow-y: hidden;
}
* html .hscroll { width: 100%; }
.hscroll div.message-note,
.hscroll div.message-note p {
	overflow: hidden;
}
*/


.italic {
	font-style: italic;
}

.nowrap {
	white-space: nowrap;
}

.clear      { clear: both; }
.clear-left { clear: left; }
.clear-righ { clear: right; }


/* Clearfix */

.clearfix:after,
div.editable:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/* Icons */

.icon {
	background-repeat: no-repeat;
	padding-left: 20px;
}


/* Editable */

* html div.editable { height: 1%; }
*+html div.editable { min-height: 0; }


#userbar li a.icon {
	background-position: 0 50%;
	display: block;
}
#userbar li.inbox a   { background-image: url(email.png); }
#userbar li.new a     { background-image: url(email_add.png); font-weight: bold; }



/*--------------------------------------------- */
/*                >>> FORMS <<<                 */
/*--------------------------------------------- */


label,
form div.label {
	display: block;
	margin: 0;
}
label.inline,
form div.label.inline {
	display: inline;
}
label.inline.checkbox,
form div.label.inline.checkbox {
	position: relative;
	top: -2px;
}

form div.buttons,
form span.file,
form span.select,
form span.text {
	display: block;
	height: auto !important;
	height: 3em;
	margin: 0;
	min-height: 3em;
}
* html form span.file,
* html form span.select,
* html form span.text {
	display: inline-block; /* IE6 fix */
}

select,
textarea,
span.text input {
	background-repeat: repeat-x;
	border: 1px solid;
}

span.text input {
	padding: 2px 1px;
	width: 176px;
}

input.file {
	margin-right: 9px;
}

span.textarea {
	display: block;
	height: 7.5em;
}

textarea {
	height: 6em;
}

span.textarea.slim {
	height: 6em;
}
span.textarea.slim textarea {
	height: 4.5em;
}

span.textarea.thick {
	height: 11.5em;
}
span.textarea.thick textarea {
	height: 10em;
}

span.busy {
	display: none;
	margin-left: 5px;
	position: relative; top: 3px;
}
span.busy.show {
	display: inline;
}

span.datepicker {
	background-position: 96% 50%;
	background-repeat: no-repeat;
	border: 1px solid;
	padding: 1px 24px 1px 2px;
	height: 1em;
}

div.radios {
	margin-bottom: 1.5em;
}

div.radios label {
	display: inline;
}




/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */

#header-inner {
	position: relative; /* Do not change */
}

#content-head {
	height: auto !important;
	height: 18px;
	min-height: 18px;
}

#footer {
	clear: both;
}



/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */


/* BREADCRUMB */

#breadcrumb {
	margin: 0 26px 0 0;
}




/* CONTENTMENU */

#contentmenu a.actionstrigger {
	background-repeat: no-repeat;
	float: right;
	height: 16px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 16px;
	z-index: 501;
}

#contentmenu a.active {
	background-position: 0 -16px;
}




/* ERRORPAGE MESSAGE */

#errorpage-message {
	padding: 18px;
}



/* LOGO */

#logo {
	margin: 0;
}

#logo a {
	text-decoration: none;
}




/* PAGING */

div.paging {
	border-top: 1px solid;
	padding: 0.6666em 10px 0.75em;
	text-align: right;
}

div.paging div.paging-showing {
	float: left;
}

div.paging div.paging-list {
	display: inline;
}

div.paging a {
	border: 1px solid;
	padding: 0.25em 0.5em;
	text-decoration: none;
}

div.paging span {
	margin-right: 4px;
}

div.paging span.here {
	font-weight: bold;
	margin: 0 0.35em 0 0.4em;
}


/* POST */

#post {
	margin-bottom: 1.5em;
}

#post label {
	display: none;
}

#post div.buttons {
	border-style: solid;
	border-width: 0 1px 1px;
	margin-top: -1.5em;
	overflow: hidden;
	height: 1%;
	padding: 0 9px;
}

#post div.buttons input,
#post span.busy {
	margin: 8px 9px 0 0;
}

#post #post-button .errormessage {
	margin: 0;
	display: inline;
}

/* POWEREDBY */

#poweredby {
	display: block;
	height: 36px;
	margin-left: auto;
	overflow: hidden;
	text-indent: -9999px;
	width: 90px
}




/* PRIMARYNAV */

#primarynav ul {
	margin: 0;
}


/* PROFILESTATUS */

#content-head #profilestatusform span.text,
#content-head #profilestatus_buttons,
#content-head #publicstatus,
#content-head #profilestatus,
#content-head #clearstatuslink,
#content-head #profilestatus_message {
	float: left;
	margin: 1em 0 0 0.6em;
}

#content-head #profilestatusform span.text {
	margin-top: 0.75em;
}



/* SEARCH - KEYWORD/SECTION */

/* Search: Keyword */

#search-keyword {
	position: absolute; top: 18px; right: 10px;
}

#search-keyword-2 {
	height: 3em;
	text-align: center;
}

#search-keyword fieldset {
	float: left; /* IE6 fix */
}

#search-keyword div,
#search-keyword span.text,
#search-keyword-2 div,
#search-keyword-2 span.text {
	display: inline;
}

#search-keyword span.text,
#search-keyword-2 span.text {
	height: auto;
	margin-right: 3px;
}

/* Search: Section */

#search-section span.text {
	float: left;
	margin-right: 3px;
}

#search-section span.text input {
	width: 120px;
}




/* TRAILER */

#trailer {
	clear: both;
	height: auto !important;
	height: 1%;
	padding-top: 1.5em;
	overflow: hidden;
}

/* View Count */

#trailer-viewcount {
	float: left;
	margin: 0;
}



/* USERBAR */

#userbar {
	height: 2.25em; /* 27px */
	overflow: hidden;
}

#userbar img {
	float: left;
	height: 21px;
	margin-right: 5px;
	width: 21px;
}

#userbar a {
	text-decoration: none;
}

#userbar a.name {
	font-weight: bold;
}

#userbar ul {
	line-height: 1.9090em; /* 21px */
	margin: 0;
	padding: 3px;
}

#userbar ul.user,
#userbar li {
	float: left;
}

#userbar ul.admin {
	float: right;
}

#userbar li.messages,
#userbar li.invitations {
	border-left: 1px solid;
	margin-left: 5px;
	padding-left: 5px;
}

#userbar li.messages a,
#userbar li.invitations a {
	float: left;
	padding-left: 0;
}

#userbar div.indicator {
	float: right;
	line-height: 1.409em;
	padding: 0 7px 0 7px;
	margin: 4px 5px 0 0;
	font-weight: bold;
}

#userbar div.ind_dev {
	border-bottom: 1px solid #00cc00;
	background-color: #006600;
}

#userbar div.ind_qa {
	border-bottom: 1px solid #ccbb00;
	background-color: #cc6600;
}

#userbar div.ind_staging {
	border-bottom: 1px solid #ff0000;
	background-color: #990000;
}



/*--------------------------------------------- */
/*            >>> APPLICATIONS <<<              */
/*--------------------------------------------- */


/* SEARCH */

#search-list h2 {
	padding: 0;
}

#search-list div.item {
	height: auto !important;
	height: 1%;
	margin-bottom: 1.5em;
	overflow: hidden;
}

#search-list div.content,
#search-list div.meta,
#search-list div.location {
	margin: 0;
}

#search-list span.thumbnail {
	float: left;
	margin-right: 9px;
}

#search-list span.highlight {
	font-weight: bold;
}

#search-list span.stars {
	display: inline;
	margin-left: 5px;
	position: absolute;
}




/*--------------------------------------------- */
/*            >>> COLOUR PALETTE <<<            */
/*--------------------------------------------- */

/* Font Colours */

#search-list div.location              { color: green; }

div.errormessage,
span.errormessage                      { color: #c00; }

#userbar,
#userbar a,
#userbar li a:hover,
#userbar li.controlpanel a:hover       { color: #fff; }

#userbar a.name,
#userbar a.signin,
#userbar li.controlpanel a             { color: #ffc; }

#userbar,
#userbar a                             { color: #fff; }

#trailer,
#trailerbar a                          { color: #666; }

body,
span.text input, select, textarea      { color: #333; }

/* Background Colours */

.error                                 { background-color: #fcc !important; }

.highlight,
.highlight-readonly,
.highlight {
	background-color: #FFFFCC;
}


div.paging a,
span.text input, select, textarea,
#content,
#content-editor td.mceEditor_border    { background-color: #fff; }

#post div.buttons,
#systempanel form.expand div.buttons   { background-color: #f5f5f5; }

/* #content-head */ 
div.paging { background-color: #eee; }
          

#userbar                            { background-color: #000; }



/* TEMPLATE - COMPONENTS
=============================================== */

/* Tables  */

#content-layout div.layout-main table.worktable {
	width: 99.9%;
}




/* Search V2 */

#searchresults ul {
	overflow: hidden;
}

#searchresults ul li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 18px;
	overflow: hidden;
	height: 1%;
}

#searchresults ul li .basicitem,
#searchresults ul li .mediaitem {
	margin-right: 18px;
	float: left;
	width: 40px;
}

#searchresults .mediaitem {
	float: left;
	padding: 0px 0 0 2px;
}

#searchresults .basicitem {
	float: left;
	padding: 1px 0 0 4px;
}

#searchresults .item {
	float: left;
}

#searchresults .item a {
	font-size: 18px;
}


#searchresults .highlight {
	font-weight: bold;
}

#searchresults td div .meta {
	font-size: 11px;
	margin-top: -4px;
}


/* Search Results Bar */

.searchbar {
	color: #666;
	font-size: 11px;
	overflow: hidden;
	height: 1%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 18px;
}

.searchbar div {
	float: left;
	padding-top: 4px;
}

.searchbar .buttonv2_toggle {
	float: right;
}

* html .searchbar,
* + html .searchbar {
	padding-bottom: 18px;
}

/* No Search Results */

.noresults h1 {
	margin: 0px;
}

.noresults span.text {
	float: left; margin-right: 5px;
}

/* Search Paging */

#searchresults .paging {
	margin-bottom: 0px;
}