﻿/* Language Specific */
.en *, .es *, .fr *, .ro *, .pt *, .nl *, .no *, .de *, .da *, .sv *, .it *, .nb *
{
    font-size: 15px;
}

.en input, .es input, .fr input, .ro input, .pt input, .nl input, .no input, .de input, .da input, .sv input, .it input, .nb input
{
    font-size: 13px;
}

.ja *, .zh *, .ko *, .ar *
{
    font-size: 13px !important;
}


*
{
    margin: 0px;
    padding: 0px;
}
html
{        
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
}
body
{
    width: 100%;
}
form
{
    padding: 10px;
}

.hidden
{
    display: none;
}

#header
{
    position: relative;
}

#header_banner { 
	padding-top: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	
	border: 0px;
	text-align:right; 
	height: 172px;
	width: 1022px;
	font-size:14px;}

#header_banner ul {border: 0px;margin:0px;padding:10px;list-style:none;}
#header_banner li {margin-right: 10px;display: inline;}
#header_banner a {color: #fff;font-size:11px;font-weight:bold;text-decoration:none;}
#header_banner a:link {color:#fff;font-size:11px;font-weight:bold;text-decoration:none;}
#header_banner a:visted {color:#fff;font-size:11px;font-weight:bold;text-decoration:none;}
#header_banner a:hover {color:#c7db94;font-size:11px;font-weight:bold;text-decoration:none;}
#header_banner a:active {color: #c7db94;font-size:11px;font-weight:bold;text-decoration:none;}

#footer
{
    clear: both;
    position: relative;
    padding-right: 5px;
    padding-top: 6px;
    font-size: 10px; 
}

#logo
{
	background: url("head_logo.gif") no-repeat scroll 0 10px;
	padding-bottom: 25px;	
	height: 200px;
	width: 1022px;
	text-align: right;
}


/* The keywords are displayed as list items */
li
{
    list-style-type: none;
    padding-top: 10px;
}

/* The language selection drop down */
#language-select
{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
}

/* The entire search panel contents are contained within */
#search-side
{
    float: left;
    border-right: 1px dotted #A9A9A9;
    margin-right: 10px;
    padding-bottom: 20px;
    overflow: auto;
	
}

/* Wrap the search panel to display the shadow effect under it */
#search-side #search-panel-container
{
    float: left;
    background-image: url(shadow.png);
    background-position: bottom right;
    padding: 0px 6px 6px 0px;
    margin: 4px 8px 0px 4px;
}

/* The search panel itself must be moved slighly to display the shadow effect */
#search-side #search-panel-container #search-panel
{    
    background-color: #E6E0D0;
    margin: -4px 0px 0px -4px;
    float: left;
    border: 1px solid #A9A9A9;
    padding: 4px;
}

/* Contains the query title and drop down */
#search-side #search-panel-container #search-panel #query-block
{
    padding: 5px 0 0 3px;
}

/* The custom query selection drop down */
#search-side #search-panel-container #search-panel #query-block #CustomQueryDisplay
{
    width: 232px;
}

/* Contains the query instructions */
#search-side #search-panel-container #search-panel #instructions-block
{
    padding: 5px 3px;
    width: 232px;
}

/* Contains the keyword input fields */
#search-side #search-panel-container #search-panel #keyword-block
{
	padding-left: 3px;
}

/* Contains each keyword item */
.keyword-item
{
}

/* The input of a required keyword item */
.keyword-item.required input,
.keyword-item.required select
{
    background-color: #FEFCD8;
}

/* Text describing a keyword input field */
.description-item
{
    display: block;
    padding-bottom: 2px;
}

/* Text indicating a keyword validation problem */
.validation-error
{
    display: block;
    color: Red;
}

/* Displays the format expected for date input */
.date-format
{
    display: block;
}

/* Buttons */
#search-side #search-panel-container #search-panel #search-panel-buttons input
{
    margin-top: 10px;
    margin-right: 10px;
}

/* The entire right panel contents are contained within */
#results-side, #results-side.loaded
{
    float: left;
    margin-right: 0px;
    background-position: top left;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    padding-top: 0px;
    padding-right: 0px;
    width: 743px;
}

/* Display an animation while loading */
#results-side.loading
{   
background-image: url(wait.gif);
background-position: center;
}

/* The "Search Results" text */
#results-side #title
{
    font-size: 165%;
    color: #707070;
    padding-left: 70px;
    border-bottom: 1px dotted #A9A9A9;
}

/* For the "maximum results reached" message */
#results-side #title span
{
    font-size: 60%;
    color: #FF0000;
}

/* Contains all the search results to display the shadow beneath it */
#results-side #document-results-container
{    
    float: left;
    background-image: url(shadow.png);
    background-position: bottom right;
    padding: 0px 6px 6px 0px;
    margin: 4px 8px 0px 4px;
	width: 100%;
}

/* All the document results */
#results-side #document-results-container #document-results
{
    float: left;
    background-color: #E6E0D0;
    border: 1px solid #A9A9A9;
    margin: -4px 0px 0px -4px;
	width: 100%;
}

/* Give the table 100% width to stretch rows as far as possible */
#results-side #document-results-container #document-results table
{    
    width: 100%;
}

/* Contains an error which occurred */
#results-side #document-results-container #document-results table .error
{
    display: block;
    padding: 10px 0px 10px 30px;
    background-image: url(redSTOP_22x22.gif);
    background-repeat: no-repeat;
    background-position: left;
    color: Red;
}

/* The header cells */
#results-side #document-results-container #document-results table th
{
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

/* The header cell selected for sort */
#results-side #document-results-container #document-results table th.Ascending,
#results-side #document-results-container #document-results table th.Descending
{
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 16px;
}

/* The header cell selected for ascending sort */
#results-side #document-results-container #document-results table th.Ascending
{    
    background-image: url(ArrowUp.gif);
}

/* The header cell selected for descending sort */
#results-side #document-results-container #document-results table th.Descending
{    
    background-image: url(ArrowDown.gif);
}
/* An individual document result */
#results-side #document-results-container #document-results table td
{    
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

/* Highlight the result when the mouse is above it */
.highlightRow,
#results-side #document-results-container #document-results table tr:hover td,
#results-side #document-results-container #document-results table tr:focus
{
    background-color: #FFE36C;
}

.datagridRow
{
    outline: 0;
}

/* Calendar styles */
.default {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-size: 10px;
    font-weight: normal;
}

.weekDaysCal
{
	font-weight: normal;
    font-size: 12px;
    border-style:solid;
    border-width:1px;
    color: #000000;
    border-color:#D7DCE4;
    white-space:nowrap;
}

.daysMonthCell
{
    border-width:1px;
	border-style:solid;
	border-color:#D7DCE4;
	cursor:pointer;
}

.daysMonthCell:hover
{
    border-style:outset;
}

.daysMonthSelectCell
{
    background-color: yellow;
    border-width:1px;
	border-style:outset;
	cursor:pointer;
}

.daysOtherMonthCell
{
    border-color:#D7DCE4;
	border-width:1px;
	border-style:solid;
	color:#95A5BA;
}

.daysOtherMonthCell:hover
{
    border-style:outset;
}

.daysMonthCalRow
{
	cursor:pointer;
	border:thin solid black;
}

.daysMonthTodayCell
{
    color: #ff0000;
    border-width:1px;
	border-style:solid;
	border-color:#D7DCE4;
	cursor:pointer;
}

#dateRangeContainer
{
	padding: 3px;
 	margin-bottom: 5px; 
 	width: 232px;
 	color: #000;
	border: 1px solid #8D8D8D;
}

#dateRangeContainer input
{
    padding: 2px;
    font-size: 11px !important;
}

#singleDate input
{
    padding: 2px;
    font-size: 11px !important;
    margin-bottom: 15px;
}

#singleDate
{
	clear: both;
	overflow: hidden;
	padding: 3px;
}