/* 
   New css functionality that has not yet been merged into the beta version of the site.
   This is basically to allow developers to include their changes in a file that won't
   be overwritten by designers working on the styles on the live site.
   
    Once styles are up and running here, they can be tweaked and moved into a more appropriate 
    location.
*/


/* ============ DOCUMENT - USER HISTORY =============*/
ul#DistributedTo li:hover, ul#DistributedTo li.doc-dist-hover 
{
    background: #EEEEEE;
}
ul#DistributedTo li ul.personalhistory
{
    position: absolute;
    background: #EEEEEE;
    margin-left: 10px;
    padding: 5px;
    border: solid 1px black;
    display: none;
}
ul#DistributedTo li:hover ul.personalhistory, ul#DistributedTo li.doc-dist-hover ul.personalhistory
{
    display:block;
}


/* projects widget */

div#pw-project-list
{
    padding: 5px;
}
#pw-filter
{
}
#pw-filter-text
{
}
#pw-filter-text-wrapper
{
    float: left;
/*     margin: 5px; */
}
#pw-filter-all, #pw-filter-recent 
{
    float:right;
}
#pw-footer
{
    text-align:right;
    margin-top: 10px;
    margin-bottom: 10px;
}


.inline-icon
{
    float: left;
    width: 16px;
    /* display:inline-block; */
}


/* Documents Widget */
.dw-doc-unread
{
    font-weight:bold;
}


/*
.pw-project-name {}
.pw-project-count-total {}
.pw-project-count-unread {}
*/
.filter
{
    display: inline-block;
    margin-right: 5px;
    padding: 5px 10px;
    background-color: #DDD;
    font-weight:bold;
    text-decoration: none;
}

.filter:hover, .filter-hover
{
    color:#FFF;
    background-color:#008AFF
}

.filter-enabled, a.filter-enabled
{
    background-color: #94c546;
    color: #fff;
}

ul#signon-menu
{
    z-index: 999;
}
ul#signon-menu li ul
{
    z-index: 999;
}
.search-wrapper, #head-basic-search-wrapper, #pw-filter-text-wrapper
{
    position: relative;
    z-index: 1;
}

div#search form input#head-search-button
{
    position: static;
}

span.search-placeholder-text
{
    position:absolute;
    top: 4px;
    left: 22px;
    color:#AAA;
}

span.search-placeholder-icon
{
    position:absolute;
    top: 5px;
    left: 5px;
}

div.FormGroup
{
    display:block;
    clear:both;
}

/* style for the "and" between a pair of input boxes used for a range (e.g. date range) */
label.inline
{
    display:inline;
    float:none;
    padding-left: 10px;
    padding-right: 10px;
}

input.text-wide
{
    margin-right:0px;
    width:250px;
}

input.text-narrow
{
    width:80px;
}


/* 
  Search Results

  The whole aspx page has been replaced, so very little of the existing CSS can be retained.
  I have tried to be consistent with use of the "sr" prefix to apply to the Search\Results.aspx
  and Shared\IndividualResult.ascx pages.

  Table header should be visible at all times (used to sort the results).
  Details of the result items can be shown/hidden (javascript).

  There are a couple of dialogs that can be displayed (Forward/Export/Download) as well
  
  TB 10/11/09 - MOVED TO SEARCHRESULTS.CSS
  
*/


/* 
  Advanced Search

  Position of 'submit' button on advanced search screen. The trick is that it needs to be obvious 
  to the user that the submit button applies to the WHOLE screen, even though the form that it is 
  present in gets displayed in a column on the left.
*/
div#adv-search-submit
{
    float: right;
}


/*
  Header - search form
  
  prefix: head (header)
  
  LM: Needed to make the textbox and submit button line up.
      this CSS to replace the following styles in core.css
          div#search {}
          div#search form {}
          div#search form input#q {}
          div#search form input.button {}
          div#search ul#SearchOptions {}
*/
div#head-search-wrapper {
    clear:right;
	float: right;
	padding-right: 5px;
	height: 40px;
}
div#head-basic-search-wrapper {
}
div#head-adv-search-link-wrapper
{
    display: block; 
    clear: right;
    padding-top: 2px;
}
input#head-search-button
{
    display: block; 
    position: static; 
    float:right;
}
input#head-search-text
{
    display: block; 
    position: static; 
    margin-right: 5px; 
    float: left;
	border: none;
   	width: 190px;
   	height: 20px;
}

/* TODO: delete this style */
div#search {
	float: inherit;
	padding-right: inherit;
	height: inherit;
}
/* TODO: delete this style */
div#search form {
	float: inherit;
	margin-bottom: inherit;
}
/* TODO: delete this style */
div#search form input#q {
	width: inherit;
	height: inherit;
	border: inherit;
}
/* TODO: delete this style 
div#search form input.button {
	position: inherit;
	top: inherit;
}
*/
/* TODO: delete this style */
div#search ul#SearchOptions {
	text-align: inherit;
}

/* END Header - search form */

/**
* For details page and buttons in lists.
* allows a list item to look like a button when for click events without adding an inner
* link tag.  The click event is registered in javascript on the list item.
*/
li.button span {
	color: #008ad7;
	cursor: pointer;  
}

/*
* Class used to highlight the current users name i.e. document details page.
*/
.current-user, a.current-user:visited {
	color: #BB5500;
	font-weight:bold;
}
a.current-user:hover {
	color: #FFF;
}


/* icon placeholder -- maybe this is a bad idea... */
.ui-icon-empty
{
    height: 16px;
    width: 16px;
    background-image: none;
    /* text-indent: -99999px;  TODO: fix this -- causes problems in IE 6 and IE 7 */
    /* overflow: hidden;   TODO: fix this -- causes problems in IE 6 and IE 7 */
}

/*
* For the progress dialog this is the list that displays status messages.
*/
ul.progressDialog-status {
	display:block;
	position:relative;
}
ul.progressDialog-status li {
	display:block;
	position:relative;
}

div#message.error
{
	border-color: #f00;
	background-color: #fdd;
	color: #900;
}

/**
* Details page for export results dialog.
*/
/*General class for ajax links on elements mostly for changing
the mouse pointer  */
.ajaxlink 
{
	cursor: pointer; 
}

/**
* Export dialog of the search results page.
* displays a list of results in divs with a icon on the right to
* display a dialog with detailed results.
*/

div#export-dialog {
	display: block;
}

div#export-dialog li {
	text-align:left;
}

div#export-dialog div.export-results {
	display:inline;
	position:relative;
	float:right;
}

div#export-dialog span.ui-icon-info {
	display:inline;
	position:relative;
	float:right;
}

div#export-dialog span.ui-icon-closethick {
	display:inline;
	float:left;
}

div#export-dialog span.ui-icon-check {
	display:inline;
	float:left;
}

/*div#export-dialog div.export-results div.hoverpopup {
	position:absolute;
	background: #EEEEEE;
    margin-left: 10px;
    padding: 5px;
    border: solid 1px black;
    display: none;
}

div#export-dialog div.export-results:hover div.hoverpopup {
	position:absolute;
	display:block;
	left: -220px;
	width:200px;
	float:right;
}
*/
/*div#export-dialog div.export-results div ul {
	background: #EEEEEE;
    margin-left: 10px;
    padding: 5px;
}*/


div.dw-document-group
{
    margin-bottom: 5px;
}

ul.horizontal-list li
{
    float:left;
}

/* Export Results */
.export-result-wrapper
{
    border-bottom: solid 1px #ddd;
    padding: 10px 0px;
}
.export-result-header 
{
    font-weight: bold;
    font-size: 110%;
}
.export-result-detail dd 
{
    width: 440px;
    text-align: left;
}
/* Manage Companies */
#mc-company-wrapper
{
    float:left;
    display:block;
    margin: 10px;
}
#mc-company-tree
{
    margin-top: 10px;
}
#mc-company-tree li
{
    margin-left: 15px;
    min-width:200px;
    padding: 5px;
}
#mc-company-tree li.mc-company-root
{
    margin-left: 0px;
    font-weight: bold;
}
#mc-company-tree li.ui-droppable-hover
{
    background-color: Lime;
}
#mc-user-wrapper
{
    float:left;
    display:block;
    margin: 10px;
}
#mc-user-buttons
{

}
#mc-user-list
{
    margin-top: 10px;
}
#mc-user-list li, div#mc-user-header

{
    min-width:400px;
    padding: 5px;
}
#mc-user-header
{
    font-weight: bold;
}
#mc-user-list .mc-user-new, #mc-company-tree .mc-company-new
{
    background-color: Lime;
}
#mc-user-wrapper .mc-user-name
{
    width: 250px;
    float: left;
}
#mc-user-wrapper .mc-user-role
{
    width: 50px;
    float: left;
    display:block;
}
#mc-user-list .role-permit
{
    color: Green;
}
#mc-user-list .role-deny
{
    color: Maroon;
}
.ui-draggable-dragging
{
    background-color: White;
}
.ui-selected 
{
    background-color: Yellow;
}
.ui-selecting 
{
    background-color: White;
}

#mc-details-wrapper
{
    float:left;
    display:block;
    margin: 10px;
    width:150;
}
#mc-company-abbrname
{
	display:block;
	width:120;
}
div#mc-super-buttons, div#mc-company-buttons, div#mc-user-buttons
{
    margin-bottom: 20px;
}
li.mc-senioradmin
{
	font-weight:bold;
	background-color:Maroon;
}

.right
{
    float:right;
    clear:right;
}
.left
{
    float:left;
    clear:left;
}
div.image-border
{
    border: solid 1px #DDD; 
    background-color: #FFF;
    color: #AAA;
    padding: 5px; 
    margin-bottom: 5px; 
    display:block;
}

input.file
{
    border: 5px solid #F00;
    width:200px;
}


div#DocumentPreviewContainer
{
    border:none;
}
div#DocumentPreview a
{
    display: block;
    position:static;
    float:left;
    text-align:center;
    padding:2px;
}
div#DocumentPreview a img
{
    display: block;
    position:static;
    float:left;
    margin: auto;
    border:solid 1px #CCC;
}
div#DocumentPreview a:hover img
{
    opacity: 0.75;
    filter:Alpha(Opacity=75);
}

div.hover-message a, div.hover-message a:visited {
	color: #008ad7;
}

div.hover-message a:hover { 
	color: #FFF;
	background-color: #008ad7;
}

div.hover-message-wrapper
{
    position: relative;
    top: 0; 
    left: 0;
    display: block;
}

div.hover-message-wrapper .hover-message
{
    display: none;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    top: 24px; 
    right: -5px;
    background: white;
    border-left: solid 1px #dddddd; 
    border-top: solid 1px #dddddd; 
    border-bottom: solid 3px #aaaaaa; 
    border-right: solid 2px #cccccc;
    padding: 10px;
    /*opacity:0.91;
    filter:Alpha(Opacity=91);*/
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
}

div.hover-message-wrapper div.hover-message.width-320
{
    width: 320px;
}
div.hover-message-wrapper div.hover-message.width-250
{
    width: 250px;
}
div.hover-message-wrapper div.hover-message.width-400
{
    width: 400px;
}

div.hover-message-wrapper:hover .hover-message, div.hover-message-wrapper-hover .hover-message
{
    display:block;
    z-index:999
}

div.dw-document-info-wrapper
{
    width:340;
}
div.dw-document-info.hover-message
{
    top: 8px;
    width: 290px;
}
div.dw-document-info-logo
{
    display:block;
    float:left;
    width: 48px; 
    height: 20px;
}
div.dw-document-info-text
{
    display:block;
    float:left;
    width: 240px;
}

span.TextValue
{
    padding-top: 4px;
	display: block;
}


/*
* General style for elements so that they can show the hour glass mouse cursor.
* i.e. a waiting style.
*/
.waiting
{
	cursor:wait;  
}

/* modified column widths for addition of export status flag */
div.sr-doc-detail
{
    width:736px;
    margin-left: 168px;
    display:block;
}
div.sr-doc-detail-general
{
    width: 410px;
}
.sr-col-companylogo
{
    width:48px;
    text-align:center;
}
.sr-col-companylogo a
{
    display:block; float:left; padding:1px; margin: -1px; position:static; text-align:center;
}
.sr-col-companylogo a img
{
    display:block; float:left; padding: 0px; position:static;
}
.sr-col-companylogo a:hover img
{
    opacity: 0.75;
    filter:Alpha(Opacity=75);
}
li.sr-col-header span.ui-icon.ui-icon-triangle-1-s
{
    width: 16px; height: 16px;
    margin-top: -1px;
    margin-bottom: -3px;
}
li.sr-col-header span.icon-fix
{
    position: absolute; 
    margin-left: -999px;
}


a .ui-icon { background-image: url(images/ui-icons-blue.png); } 
a:hover .ui-icon, .ui-icon.ui-icon-link-hover { background-color: #008ad7; background-image: url(images/ui-icons_ffffff_256x240.png); }

.ui-icon.ui-icon-red { background-image: url(images/ui-icons-red.png); }
.ui-icon.ui-icon-gray { background-image: url(images/ui-icons-gray.png); }
.ui-icon.ui-icon-green { background-image: url(images/ui-icons-green.png); }
.ui-icon.ui-icon-blue { background-image: url(images/ui-icons-blue.png); }
.ui-icon.ui-icon-green-dull { background-image: url(images/ui-icons-green-dull.png); }
.ui-icon.ui-icon-white { background-image: url(images/ui-icons_ffffff_256x240.png); }



ol.list-numbered li 
{
    list-style-type: decimal;
    list-style-position: outside;
    margin-left:25px;
	margin-bottom:10px;
	position:inherit; 
	display:list-item;
	left:20px;
}


a#registration-link, a#registration-link:link, a#registration-link:visited
{
    border-top: solid 1px #5bb81d;
    border-bottom: solid 1px #5bb81d;
    background-color: #528033;
    font-weight: bold;
    padding: 3px 10px;
    font-size: 1.2em;
    margin: 20px 0px;
}
a#registration-link:hover
{
    border-top: solid 1px #50b2eb;
    border-bottom: solid 1px #50b2eb;
    background-color: #0076b8;
    color: #fff;
    font-weight: bold;
}
div#registration-information
{
    border: solid 2px #b85c00;
    background-color: #eee;
    margin: 30px 190px 0px 190px;
    padding: 20px;
    text-align: left;
}

.highlight
{
    color: #f44100;
    font-weight: bold;
}

.button-disabled
{
    background-color:#dddddd;
    border-bottom:1px solid #ccc;
    color: #666;
    float:left;
    font-weight:bold;
    margin-right:10px;
    min-width:100px;
    padding:5px 12px;
    text-align:center;
    text-decoration:none;
}
.button-disabled:hover, .button-disabled-hover
{
    background-color:#d3d3d3;
    border-bottom-color: #c3c3c3;
    color: #888;
    cursor: default;
}

ul.bulleted.nopad li {
	margin-top:0px;
	margin-bottom:0px;
}

.sr-tags 
{
    background-color: #FFF;
    border: none;
}
.sr-col-icon .sr-tags 
{
    border: solid 2px #DDD;
}


.ellipsis
{
    display: block;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dw-document-link
{
    max-width: 340px;
    padding-top: 1px;
    padding-bottom: 1px;
}
div#dw-content
{
    min-height: 186px;
}
div#dw-document-list 
{
    clear:left;
    margin-bottom: 10px;
    min-height: 104px;
}

.widget-loading
{
    background-image:  url('images/loading-32px.gif');
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    filter:Alpha(Opacity=50);
}

div#doc-preview-loading
{
    background-image:  url('images/loading-32px.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 350px;
    height: 500px;
}

span.button {
	color: #008ad7;
	cursor: pointer;  
}

span.button:hover {
	color: #fff;
	background-color: #21a3f6;
} 

.dropdown-menu, .dropdown-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
}
.dropdown-menu a, .dropdown-menu span 
{
    display: block;
    width: 135px;
	height: 15px;
	padding: 5px 0px;
    text-align: center;
}

.dropdown-menu li { /* all list items */
	float: left;
	position:relative;
	width: 135px; /* width needed or else Opera goes nuts */
	height: 25px;
	background-color: #ddd;
    color: #008AD7;
	border-bottom: solid 1px #ccc;

}
.dropdown-menu li
{
    margin-right: 10px;
}

.dropdown-menu li ul { /* second-level lists */
	position: absolute;
	width: 135px;
	display: none;
}

.dropdown-menu li ul ul { /* third-and-above-level lists */
	/*margin: -25px 0 0 135px;*/
	top: 1px;
	left: 135px;
}

.dropdown-menu li:hover ul ul, .dropdown-menu li.dropdown-menu-hover ul ul {
	display: none;
}

.dropdown-menu li:hover ul, .dropdown-menu li li:hover ul, .dropdown-menu li.dropdown-menu-hover ul, .dropdown-menu li li.dropdown-menu-hover ul 
{ /* lists nested under hovered list items */
	display: block;
}

.dropdown-menu li:hover, .dropdown-menu li.dropdown-menu-hover
{
    cursor: pointer;
    background-color: #ccc;
}

.dropdown-menu li.dropdown-menu-button a
{
    text-decoration: none;
}

.dropdown-menu li.dropdown-menu-button:hover, 
.dropdown-menu li.dropdown-menu-button:hover a, 
.dropdown-menu li.dropdown-menu-button a:hover, 
.dropdown-menu li.dropdown-menu-button span:hover,
.dropdown-menu li.dropdown-menu-button-hover, 
.dropdown-menu li.dropdown-menu-button-hover span,
.dropdown-menu li.dropdown-menu-button-hover a
{
    background-color: #008AD7;
    color: #fff;
}



.static-picture 
{
	text-align:center; 
	margin-left:auto; 
	margin-right:auto; 
	width:auto;
	margin-bottom: 5px;
}

.static-picture-inner 
{
	min-width:100px; 
	border:solid 1px #cccccc; 
	padding: 3px 3px 3px 3px; 
	font-size: 94%; 
	overflow: hidden;
}

.static-picture-inner img 
{
	vertical-align:middle;
}

.static-picture-caption 
{
	padding: 3px 3px 3px 3px;
	font-weight:bold;
}

.doc-metadata-item
{
	vertical-align:bottom;
}

.doc-metadata-root h3
{
	padding-top: 10px;
	font-size:120%;
	clear:both;
}

.doc-metadata-group-2 h3
{
	font-size:105%;
}



/* yet another dropdown menu ... */
ul.menu
{
    position:relative;
    width:auto;
    margin: 0;
    padding: 0;
    min-width: 80px;
}

ul.menu li ul
{
    float:none;
    top:21px;
    left:10px;
    position:absolute;
    display:none;
    background-color: #555;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}

ul.menu li ul li
{
    border:solid 1px #666;
}
ul.menu li, ul.menu span, ul.menu ul
{
    margin: 0;
    padding: 0;
}

ul.menu a
{
    margin-left: 0;
    margin-right: 0;
    display:block;
    height: 15px;
}
ul.menu li:hover ul, ul.menu li.menu-hover ul
{
    position: absolute;
    display: block;
}

ul.menu.right
{
    right:0;
    width:auto;
    text-align: right;
}

ul.menu.right li ul
{
    left: auto;
    right: 0;
    text-align: center;
}

#AccountLinks p
{
    text-align: right;
    padding-bottom: 10px;
}

/* override ui.widget settings for specialised search - not nice */
#spec-search-list-wrapper input
{
    font-size: 0.8em;
    padding: 4px;
    width: 200px;
    font-family: inherit;
}

#company-profile-location
{
    border-top:5px solid #808385;
    padding:10px 4px;
    width:450px;
}


.button-icon
{
    margin: 0;
    padding: 0;
    background-image: url(images/icons/buttons.gif);
    width: 24px;
    height: 16px;
    display:block;
}
.button-icon:hover, .button-icon-hover
{
    background-image: url(images/icons/buttons-active.gif);
    cursor: pointer;
}
.button-icon.next
{
    background-position: -24px 0px;
}
.button-icon.prev
{
    background-position: 0px 0px;
}

#up-details-warning
{
	text-align:center;
	font-weight:bold;
	margin-left:30px;
	margin-right:30px;
}

.onecol dd
{
    max-width: 390px;
}
.twocol dd
{
    max-width: 325px;
}

#eula dt
{
    width: 6%;
    padding-right: 2%;
}
#eula dd
{
    width: 92%;
    max-width: 500px;
}
#eula h3
{
    padding-top: 14px;
    padding-bottom: 6px;
    clear:both;
}