/* -------------------------------------------------- *\
	Typography
\* -------------------------------------------------- */
body                            { font-size:75%; }
html > body                     { font-size:12px; }
h1                              { font-size:4em;  }
h2                              { font-size:1.5em; line-height: 1.286em; margin-bottom: 0.5em; }
h3                              { font-size:1em; line-height:1.5em; }
h4                              { font-size:1.5em; line-height:1.5em;  }
p                               { font-size:1em; line-height: 1.75em; margin-bottom: 1.4em; }
li                              { font-size:1em; line-height: 1.75em;  }
small                           { font-size:0.8333em; line-height:1.5em; }
label                           { font-size:0.95em; line-height:1.5em;  font-weight: bold; }

 /*font families*/
body,
input[type="submit"],
input[type="text"]              { font-family: Helvetica, Arial, sans-serif; color:#666666; } 

a                               { text-decoration: underline; outline: none; color:#000000;}
a:active                        {  }
a:visited                       { }
a:hover                         { text-decoration: none; }

img                             { vertical-align: middle; }
.clear                          { clear:both; }
.hide                           { display: none; }

/*layout */
.ui-datepicker                  { z-index: 9999; }

/* Login Page
---------------- */
#wrapper                    { margin: 50px auto; width: 350px; }
#zolvLogo                   { width: 350px; margin: 0 0 10px 0; }
#account                    { width: 350px; }
#account .input-line        { margin: 3px; }
#account .input-line label  { display: inline-block; width: 65px; }
#account .input-line input  { width: 150px; }
#account .buttons           { padding: 5px; }
#account .left              { float: left; margin: 5px 0 0 5px; vertical-align: middle; }
#account .right             { float: right; }

/* Search views
---------------- */
.Details,
.List                       { width:100%; }

/* Main View Area Pane
---------------- */
#MainViewsHeader               
{
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 40px;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}
#MainViewsHeader .header-inner { padding: 2px; }
#MainViewsHeader .header-title { font-size: 37px; color: #E4E8ED; }
#MainViewsContainer
{
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 50px;
    
    padding: 5px;
}

#ZEditor
{
    height: 100%;
    width: 100%;
}

/* UI Additions & Overrides
------- */
.uiNotificationContainer    { margin-bottom:0.3em; }
.uiSecondaryTitle           { float:right; }
.ui-icon-notification       { float: left; margin-right: 0.3em; }

.jqGridHolder               { margin: 0 !important; }
.jqGridHolder .ui-jqgrid    { margin: 0 auto 10px auto !important; }

/* AJAX 
------- */
.ajaxMessage                { padding: 5px; margin: 5px; }
.waitMsgHtml                { display: none; }
.waitMsg                    { display: block; text-align: center; font-size: 108%; padding: 20px; font-weight: bold; }


/* SITE LOGO
---------------- */
#siteLogo                   { background: transparent url(/_assets/img/common/header.gif) no-repeat top left; height: 31px; }

/* -------------------------------------------------- *\
	Form Layout
\* -------------------------------------------------- */
.formInputContainer         { float:left; margin:0; width:950px; }
.formHelp                   { float:left; margin:0; width:200px; }
.formHelp h3                { padding:5px 5px 5px 10px; }
.formRow                    { float:left; clear:left; width:950px; margin-bottom:2px; padding:10px;}
.formElement                { float:left; margin-right:10px; }
/*.formTitle                { float:left; clear:left; width:400px; margin-bottom:5px; }*/
.formElement select                 { }
input.longfield,
select.longfield                    { width:270px; }
input.halfSize,
select.halfSize                     { width:160px; }
input.dobInput2Digit                { width:15px; }
input.dobInput4Digit                { width:30px; }
input.quarterSize,
select.quarterSize                  { width:60px; }
fieldset                            { /* float:left; */ margin-bottom:10px; }

/* CHANNEL AND RELEASE CONTROL
--------------------------------------- */
.lockedRelease                      { background: transparent; }
.lockedRelease .releaseIcon         { background: transparent url(/_assets/img/icons/colour/lock.png) no-repeat 50% 50%; }
.liveRelease                        { background: transparent; }
.liveRelease .releaseIcon           { background: transparent url(/_assets/img/icons/colour/lock.png) no-repeat 50% 50%; }
.nextRelease                        { background: transparent; }
.nextRelease .releaseIcon           { background: transparent url(/_assets/img/icons/colour/flag_blue.png) no-repeat 50% 50%; }
.action_preview                     { margin-left: 4px !important; }
.action_publish                     { margin-left: 4px !important; }

#channelAndReleaseControl ul        {float:left;} 
#channelAndReleaseControl .channel,
#channelAndReleaseControl .release  { padding-right: 20px; }
#channelAndReleaseControl select    { display: none; }
#channelAndReleaseControl label     { width: 100px; font-weight: bold; }

#cancelChangeChannelAndRelease                  { display: none; }
#channelAndReleaseControlDialog .options        { padding: 5px; }
#channelAndReleaseControlDialog .options label  { display: block; float: left; width: 55px; }
#channelAndReleaseControlDialog .options select { width: 250px; }
#channelAndReleaseControlDialog option          { padding-left: 20px; background-repeat: no-repeat; }
#channelAndReleaseControlDialog .lockedRelease  { background-image: url(/_assets/img/icons/colour/lock.png); color: #999; }
#channelAndReleaseControlDialog .liveRelease    { background-image: url(/_assets/img/icons/colour/lock.png); color: #900; }
#channelAndReleaseControlDialog .nextRelease    { background-image: url(/_assets/img/icons/colour/flag_blue.png); }
#channelAndReleaseControlDialog .channel        { background-image: url(/_assets/img/icons/colour/chart_organisation.png); }

/* HEADER - SITE AUTHENTICATION
------------------------------- */
#siteAuthentication         { position:relative;  }
#siteAuthenticationText     { float:right; padding-top: 5px; text-align: right; }
#siteAuthenticationButton   { float:right; margin-left: 10px; }

/* FOOTER 
--------- */
#outerSouth                 { font-size: 90%; overflow:hidden; }
#copyright                  { padding: 2px 0 0 5px; }
#dsgVersion                 { padding-top: 1px; text-align: center; }
#dsgVersion span            { padding-right: 20px; }
#footerBtns                 { padding-top: 2px; text-align: right; }
#footerBtns a               { margin-left: 10px; }

/* QUICK SEARCH AREA
-------------------- */
.quickSearchArea                   { padding: .3em; background-color: #DBDBE3; border: 1px solid #A3A3A3; }
.quickSearchArea label             { display:block; }
.quickSearchArea .quickSearchText  { float: left; width: 140px; margin: 3px 3px 5px 0; }

/* CATEGORIES AREA 
-------------------- */
.categoriesArea
{
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: auto;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 90px;    
}
.categoriesArea h4                  { color: #000; font-weight: bold; padding: .3em; margin: .5em 0; background: #f3f3f3; font-size: 90%; }
.contentMenuItem                    { margin: 7px 0 7px 0;}
.contentItemType                    {clear:both; }
.contentItemType span               { float: left; display: block; padding-top: 0.3em; }
.contentItemType span img           { margin: -0.2em 0.2em 0 0; }
.contentItemType a                  { float: right; margin-left: 3px; }


/* TAXONOMIES & TAGS
-------------------- */
.taxonomyHeader                     { background-color: #DBDBE3; border: 1px solid #A3A3A3; margin-bottom: 2px; padding: 0.3em; }

/* -------------------------------------------------- *\
	Validation
\* -------------------------------------------------- */
.error                      { color:Red; }
.field-validation-error     { color: #ff0000; }
.input-validation-error     { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors  { font-weight: bold; color: #ff0000; }

/* -------------------------------------------------- *\
	From Views.css
\* -------------------------------------------------- */
p.info                  { display: block; padding: 5px; margin: 2px; }
p.info img              { margin-top: -.2em; }
.ui-bordered            { clear: both; margin: 2px; background: #fff; border: 1px solid #BFBFBF; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* DASHBOARD
------------ */
#releaseInfoSummary { padding: 5px; }

/* PAGES
------------ */
#sitePageTree  { float: left; padding-bottom: 10px;  width: 49%; overflow: hidden; }
#pageInfo      { float: right; width: 49%; overflow:hidden; }
#pageSummary   { }
#pageSummary p { margin: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }

/* WORKFLOW
----------- */
#workflowContainer          { position: relative; margin-bottom:10px; }
#workflowStatus             { clear: both; padding: 5px; }
.workflowAssigned           { font-weight: bold; color: #990000; padding: 0 0 5px 0; }
.workflowComment            { clear: both; border: 1px solid #A3B038; background: #FFFFCC; padding: 5px !important; }
.workflowComment p          { margin-bottom: 0px; }
.workflowCommentAuthor      { clear: left; float: left; padding-right: 30px; margin-top: -1px; background: transparent url(/_assets/img/common/workflowCommentBy_bg.gif) no-repeat right top; }
.workflowCommentAuthor p, 
.workflowCommentDetail p    { padding-top: 0.3em; }
#workflowBtns               { padding: 0 5px; margin-bottom: 5px; float:left; }
.viewWorkflowHistoryBtn     { margin: 5px 0 !important; padding: 10px !important; border-bottom: none !important; }
#workflowHistory table      { width: 100%; }
#workflowHistory table th, 
#workflowHistory table td   { padding: 5px; }
#workflowHistory table th   { font-weight: bold; border-bottom: 1px solid #A3B038; }
#workflowManagement         { margin: 0; } 
#workflowAssignments        { margin: 0 5px 0 5px; }
#workflowAssignments p      { padding: 0.5em; }
#workflowAssignments p.note { font-size: 85%; }

/* RELEASES 
----------- */
#gview_releases                 { margin:0 auto; }
#gview_release_items            { margin:0 auto; }

/* SEARCH
--------- */
#searchform                             { margin: 5px 0; display: none; }
#advancedSearchForm                     { margin: 2px; padding: 5px;  }
#advancedSearchForm .ui-window-content  { overflow:visible; padding:10px; }
.entitySearch                           { margin: 5px 0; }
.TagsBox                                { margin: 5px 0; }

#ViewPanel                      { padding: 10px 5px 5px 5px; }
#viewPanelBtns                  { float: left; min-height: 25px; min-width: 365px; }
#ViewPager                      { float:right;text-align: right; }
#ViewPager .back, 
#ViewPager .summary, 
#ViewPager .forwards            { float: left; }
#ViewPager .summary             { font-weight: bold; padding: 2px 5px 0 5px; }
#searchResultTags               { padding:5px; font-weight:bold; }

/* TASK MANAGEMENT
------------------ */
#taskManagement                 { margin-bottom:10px; }
#taskManagement table td        { padding: 3px; }
#taskManagement table th        { padding: 3px; font-weight: bold; }
.currentTask                    { background-color: #F4F8FD; border:1px solid #D2DBF4; }

/* TOOL MANAGEMENT
------------------ */
#toolManagement                 { margin: 20px; }
#toolManagement ul              { margin: 1em 2em; }
#toolManagement ul li           { margin-left: 2em; list-style-type: disc; padding: 0.5em 0; }
.caution                        { margin:1em; border: 1px solid #FFFF66; background-color: #FFFFCC; padding: 5px; font-weight:bold; }
.caution img                    { margin:-0.2em 0.5em 0 0; }

/* -------------------------------------------------- *\
	From schedulecondition.css
\* -------------------------------------------------- */

.ui-datepicker {
    z-index:999999;
}

.schedulecondition_item {
	padding:4px !important;
}

.schedulecondition_item ul {
	padding:4px !important;
	display:block;
}

.schedulecondition_item li {
	display: inline;
	line-height:3.0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-decoration:none;
}

.schedulecondition_item li label {
	margin-right:8px;
}

.schedulecondition_item .input {
	width:160px;
}

.schedulecondition_item .delete {
	margin-left:32px;
}

.schedulecondition_item .add {
	margin-left:42px;
}

#all_scheduleconditions h3 {
	margin-top:2px;
}

#all_scheduleconditions .links{
	position:absolute;
	right:4px;
	top:10px;
}

#all_scheduleconditions .links a{
	margin-left:24px;
}

.col1 {
	text-align: left;
	width: 80px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
}

.col2 {
	width: 240px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
}

.col1comment {
	text-align: left;
	width: 80px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 330px;
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #453821;	
}

.textarea {
	border: 1px solid #453821;
	background-color: #fff;
	font: 11px;
	margin: 4px 0 5px 8px;
}
  
 /* -------------------------------------------------- *\
	From rulecondition.css
\* -------------------------------------------------- */ 
  
.rulecondition_item {
	padding:4px !important;
}

.rulecondition_item ul {
	padding:2px !important;
	display:block;
}

.rulecondition_item li {
	display: inline;
	list-style-image:none;
	list-style-type:none;
	text-decoration:none;
}

.rulecondition_item li td{
	width:180px;
}

.rulecondition_item .input {
	width:160px;
}

.rulecondition_item .delete {
	margin-left:32px;
}

.rulecondition_item .add {
	margin-left:42px;
}

#all_ruleconditions h3 {
	margin-top:2px;
}

#all_ruleconditions .links{
	position:absolute;
	right:4px;
	top:10px;
}

#all_ruleconditions .links a{
	margin-left:24px;
}

.col1 {
	text-align: left;
	width: 80px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
}

.col2 {
	width: 240px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
}

.col1comment {
	text-align: left;
	width: 80px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 330px;
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #453821;	
}

.textarea {
	border: 1px solid #453821;
	background-color: #fff;
	font: 11px;
	margin: 4px 0 5px 8px;
}

#ui-datepicker-div
{
    z-index: 9999999 !important;
}

#ui-timepicker-div
{
    z-index: 9999999;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; padding:4px 0 2px }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; margin-left:8px; }
.ui-timepicker-div dl dd { margin: 2px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
    
   
.edit_rulecondition .delete {
	margin-left:8px;
}

.new_rulecondition .add {
	margin-left:8px;
}

.edit_rulecondition .action {
	margin-left:8px;
}

.edit_rulecondition .cancel {
	margin-left:8px;
}

.edit_rulecondition .update {
	margin-left:0px;
}

 /* -------------------------------------------------- *\
	From results.css
\* -------------------------------------------------- */ 

/* RESULTS VIEWS 
---------------- */
#ResultsContainer                               { margin:10px auto 10px auto;  }
#ResultsContainer .result                       { position:relative; }
.resultheader                                   { float:left; width:100%; }
.ResultItem .typeicon                           { float:left; margin-right:5px;  }
.ResultItem .ui-window-content                  { width:140px;  }
.ResultItem .ui-window-title,
.ResultItem .ui-window-title strong             { float:left!important; font-size:11px!important; width:100px!important; overflow:hidden!important; margin-right:0!important; }
.ResultItem .rollover                           { position:relative; left:0; top:-10; border:solid 1px #FFBFBF; background-color:#FFBFBF;  }
#ResultsContainer .resultheader .icon           { float:left; }
#ResultsContainer .resultheader .name           { float:left; }
#ResultsContainer .ui-selecting                 { background: #E4E8C6; }
#ResultsContainer .ui-selected                  { background: #C0CA7B; }
#ResultsContainer .deletedItem                  { background:#FFBFBF; }
#ResultsContainer .deletedItem > *              { display:none; }
.searchgo                                       { float:right; }

/* THUMBS VIEW 
-------------- */
.Thumbs .result                    { float: left; display: block; width:139px; min-height: 160px; margin: 0 7px 7px 0; overflow: hidden; height:170px; }
.Thumbs .resultheader .name        { float: left; width: 105px; overflow: hidden; white-space: nowrap; }
.Thumbs .result .ui-window-content { height: 98px; overflow:auto; }
.Thumbs .ui-window .ui-window-content { padding:0; }

.Thumbs .resultItemOptions  { background: none repeat scroll 0 0 #FFFFFF; border-top: solid 1px #ccc; padding-bottom: 1px; height:44px; }
.Thumbs .resultItemWorkflow { font-size: 0.8em; font-weight:bold; margin: 0 0 2px 0; }
.Thumbs .resultItemActions  { margin: 0 0 2px 0; }

.Thumbs .resultview, .Thumbs .resultItemWorkflow, .Thumbs .resultItemActions {
    text-align: center;
}

/* hidden stuff for now */
.Thumbs .resultItemOptions .add, 
.Thumbs .resultItemOptions .remove, 
.Thumbs .descriptionview,
.Thumbs .caption {
    display:none;
} 

/* DETAILS VIEW 
-------------- */

.Details .result                     { margin: 0 0 5px 0; min-height: 52px; }
.Details .resultheader               { padding: 6px 0 !important; width: 100%; }
.Details .resultheader img           { margin-left: 6px; }
.Details .resultItemBody             { padding: 0 !important; width: 100%; }
.Details .resultview                 { display: none }
.Details .descriptionview            { min-width: 200px; overflow: hidden; padding: 5px; }
.Details .resultItemOptions          { background: none repeat scroll 0 0 #FFFFFF; border-top: solid 1px #ccc; padding: 5px 0; width: 100%; }
.Details .resultItemWorkflow         { min-width: 150px; padding: 5px; }

.Details .descriptionview,
.Details .resultItemWorkflow,
.Details .resultItemOptions          { float: left; }

/* hidden stuff for now */
.Details .resultItemOptions .add,
.Details .resultItemOptions .remove,
.Details .caption                    { display: none }


/* LIST VIEW
------------ */
.List .result                 { margin: 0 0 5px 0 }
.List .resultheader           { padding: 6px 0 !important; width: 100%; }
.List .resultheader img       { margin-left: 6px; }
.List .resultItemBody         { float:left; }
.List .resultItemOptions      { background: none repeat scroll 0 0 #FFFFFF; border-left: solid 1px #ccc; float: right; min-width: 280px; padding: 5px; }
.List .resultItemWorkflow     { min-width: 150px; margin-top: 4px; }

.List .descriptionview,
.List .resultItemWorkflow     { float: left; }

/* hidden stuff for now */
.List .resultview,
.List .descriptionview,
.List .resultItemOptions .add,
.List .resultItemOptions .remove,
.List .caption                { display: none }

  
/* HIDDEN DATA & OVERRIDES 
-------------------------- */
.prefix, .imagewidth, .imageheight { display: none !important; }

#LinkObjectSelector .Thumbs .resultItemOptions .edit { display: none; }
#LinkObjectSelector .Thumbs .resultItemOptions .delete { display: none; }
#LinkObjectSelector .Thumbs .resultItemOptions .add { display: inline-block; }
#LinkObjectSelector .Thumbs .resultItemOptions .remove { display: none; }

#LinkObjectSelector .Details .resultItemOptions .edit { display: none; }
#LinkObjectSelector .Details .resultItemOptions .delete { display: none; }
#LinkObjectSelector .Details .resultItemOptions .add { display: inline-block; }
#LinkObjectSelector .Details .resultItemOptions .remove { display: none; }

#LinkObjectSelector .List .resultItemOptions .edit { display: none; }
#LinkObjectSelector .List .resultItemOptions .delete { display: none; }
#LinkObjectSelector .List .resultItemOptions .add { display: inline-block; }
#LinkObjectSelector .List .resultItemOptions .remove { display: none; }

/* IMAGEIMPORTER 
------------- */
.importsuccess{ color: #009900;}
.importwarn{ color: #CC9900;}
.importfail { color: #f00;}






.uploadifive-button {
	background-color: #505050;
	background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #505050),
		color-stop(1, #707070)
	);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #808080;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	text-transform: uppercase;
	width: 100%;
}
.uploadifive-button:hover {
	background-color: #606060;
	background-image: linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #606060),
		color-stop(1, #808080)
	);
	background-position: center bottom;
}
.uploadifive-queue-item {
	background-color: #F5F5F5;
	border-bottom: 1px dotted #D5D5D5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: 12px Arial, Helvetica, Sans-serif;
	margin: 3px 0;
	padding: 15px;
}
.uploadifive-queue-item .close {
	background: url('uploadifive-cancel.png') 0 0 no-repeat;
	display: block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadifive-queue-item .progress {
	border: 1px solid #D0D0D0;
	height: 3px;
	margin-top: 5px;
	width: 100%;
}
.uploadifive-queue-item .progress-bar {
	background-color: #0072BC;
	height: 3px;
	width: 0;
}
.uploadifive-queue-item.error .fileinfo{
	color: #ff0000;
}