/* $Id: Main.css,v 1.35.6.3 2009-03-02 18:13:56 thierry Exp $ */

/*********************************************************************
* Global settings.
*/
	body, td {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	}
	
	form {
	    margin : 0;
	    padding : 0;
	}
	
	img {
	    border: none;
	}
/*
* End of Global settings.
*********************************************************************/

/*********************************************************************
* Common classes
*/
	.nolink, .nolink:hover, .nolink:visited {
	    text-decoration: none;
	    cursor: default;
	}
/*
* End of common classes
*********************************************************************/

/*********************************************************************
* Page layout management.
*/
	#header, #footer {
	  clear            : both;
	  padding          : 2px 2px 0px 2px;
	  margin-bottom    : 0.5em;
	}
	#container {
	  margin-top       : 0.5em;
	  width            : 100%;
	}
	#main {
	  margin-left      : 20px;
	  padding          : 0.5em;
	}
	#leftnav {
	  width            : 250px;
	  float            : left;
	  margin-left      : 20px;
	}
/*********************************************************************
* Page header management.
*/
	#header #header-content {
	float: left;
	}
	#header #tools-area {
	float: right;
	width: 220px;
	}
	#header #MainMenu {
	clear: both;
	}
	#header p {
	margin: 0;
	}
	#header h1 {
	margin-top: 0;
	font-size: 12pt;
	font-weight: bold;
	}
	#tools-area, #locale-chooser {
	margin: 0;
	}
/*
* End of Page header management.
*********************************************************************/
/*********************************************************************
* Path management
*/
	#TreePathDisplayed{
	}
	#CurrentGroupDisplayed{
	}
	#CurrentTemplateDisplayed{
	
	}
	
	#SubGroupDisplayed{
	}
/*
* End of Path Management
*********************************************************************/
/*********************************************************************
* Page footer management.
*/
	#footer p {
	margin: 0;
	font-size: 8pt;
	}
/*
* End of Page footer management.
*********************************************************************/
/*********************************************************************
* Rank selector management.
*/
	.RankSelector {
	}
	.RankSelectorText {
	display: none;
	}
	
	.RankOn, .RankOff {
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position : center center;
	}
	.RankOn {
	background-image: url( "../images/rank_on.gif" );
	}
	.RankOff {
	background-image: url( "../images/rank_off.gif" );
	}
/*
* End of rank selector management.
*********************************************************************/
/*********************************************************************
* Path descriptor management.
*/
	#path-descriptor{
	margin-left: 3em;
	}
	#path-descriptor p {
	margin-top: 0;
	margin-bottom: 0;
	}
	.TreeFolderSeparator {
	padding-left: 1em;
	}
	#path-descriptor .TreeFolderSeparator {
	padding-left: 1em;
	}
	#path-descriptor .TreeFolderContinuator {
	padding-left: 0.25em;
	}
	#path-descriptor .SubGroup{
	  float : left;
	}
	#path-descriptor .spacer {
	    clear: right;
	}
	/* For combo box selection */
	#path-descriptor form#subgroup-chooser {
	display: inline;
	}
	/* for list based selection */
	#path-descriptor ul#subgroup-list
	{
	display : inline;
	margin : 0;
	}
/*
* End of Path Descriptor management.
*********************************************************************/
/*********************************************************************
* Locale chooser management.
*/
	#locale-chooser  ul {
		margin: 0 0 3px 0;
		padding: 0;
		text-align: right;
		white-space: nowrap;
		font-size: 8pt;
	}
	#locale-chooser li {
		display: inline;
		list-style-type: none;
	}
	#locale-chooser a {
		padding: 0px 2px 0px 2px;
		color : #ffffff;
	}
	#locale-chooser a:link, #locale-chooser a:visited {
		color: #ffffff;
		background-color: #3d77cb;
		text-decoration: none;
	}
	#locale-chooser a:hover {
		color: #000000;
		text-decoration: none;
	}
/*
* End of locale chooser management.
*********************************************************************/
/*********************************************************************
* List of subgroups management.
*/
	#ListOfTemplates {
	}
	#ListOfTemplates ul {
		list-style-type: none;
		margin-bottom: 0px;
		margin-top: 0px;
	}
/*
* End of list of subgroups management.
*********************************************************************/
/*********************************************************************
* List of top templates management.
*/
	#TopTemplates ul,
	#TopRankedTemplates ul {
		list-style-type: decimal;
		margin-bottom: 0px;
		margin-top: 0px;
	}
/*
* End of top templates management.
*********************************************************************/
/*********************************************************************
* List of already seen templates management.
*/
	#SeenTemplates {
	}
	#SeenTemplates ul {
		list-style-image: url('../images/SeenTemplate.gif');
		list-style-type: none;
		margin-bottom: 0px;
		margin-top: 0px;
	}
/*
* End of already seen templates management.
*********************************************************************/
/*********************************************************************
* List of 'see also' templates management.
*/
	#SeenTemplates {
	}
	#RelatedTemplates ul {
		list-style-type: none;
		margin-bottom: 0px;
		margin-top: 0px;
	}
/*
* End of 'see also' templates management.
*********************************************************************/
/*********************************************************************
* Title inside blocks management.
*/
	h1.title {
		font-size: 14pt;
		font-weight: bold;
		margin: 0 0 0.5em 0;
		border-bottom: 1px solid black;
	}
	h2.title {
		font-size: 12pt;
		font-weight: bold;
		margin: 0 0 0 0;
	}
/*
* End of Title inside blocks management
*********************************************************************/
/*********************************************************************
* List of requests management.
*/
	table#ListOfRequests td.request-ticket {
    	width: 7em;
	}
	table#ListOfRequests td.request-text {
	}
	table#ListOfRequests td.request-creation-date {
	   width: 12em;
	}
	table#ListOfRequests td.request-state {
	   width: 7em;
	}
/*
* End of List of Requests  management
*********************************************************************/
/*********************************************************************
* List of searched templates management.
*/
	table#ListOfSearchedTemplates td.template-name {
    	border-left : 1px solid #E6E6E6;
	}
	table#ListOfSearchedTemplates td.template-name .search-summary {
	   font-style : italic;
	}
	
	table#ListOfSearchedTemplates td.template-result-rank{
		width : 2em;
		border-right : 1px solid #E6E6E6;
		text-align : right;
	}
	
	.highlight {
	    font-weight: bold;
	    color: #000000;
	}
/*
* End of List of searched templates  management
*********************************************************************/
/*********************************************************************
* List of best templates management.
*/
	table#ListOfBestTemplates td.template-name {
    	border-left : 1px solid #E6E6E6;
	}
	table#ListOfBestTemplates td.template-result-rank{
		width : 2em;
		border-right : 1px solid #E6E6E6;
		text-align : right;
	}
	td.match-value {
		width: 6em;
		text-align: right;
		border-left : 1px solid #E6E6E6;
	}
/*
* End of List of best templates  management
*********************************************************************/
/*********************************************************************
* Template group name management.
*/
	.TemplateGroupName {
	}
	.TemplateGroupName a, .TemplateGroupName a:visited, .TemplateGroupName a:active {
		text-decoration: none;
		color: #000000;
	}
	.TemplateGroupName a:hover {
		background-color: #3E79BF;
		color: #FFFFFF;
	}
/*
* End of template group name  management
*********************************************************************/
/*********************************************************************
* Template group box management.
*/
.TemplateGroupBox {
  float : left;
  margin : 0.5em;
  width : 100%;
}
.SubGroupBoxesContainer {
  margin-top : 1em;
  table-layout : fixed;
}
.SubGroupBoxesContainer td {
  vertical-align : top;
}
.TemplateGroupBoxTitle
{
    border-bottom : 1px solid #3d77cb;
}
.TemplateGroupBoxBody
{
}
.TemplateGroupBoxBodySubGroups
{
  padding : 0.2em;
}
.TemplateGroupBoxBodyTemplates
{
  padding : 0.2em;
}
.TemplateGroupBoxBody ul
{
  margin : 0.5em;
  list-style-type : none;
  padding-left : 1.5em;
}
/*
* End of template group name  management
*********************************************************************/
/*********************************************************************
* Template name management.
*/
.TemplateName {
text-decoration: none;
color: #000000;
}
.TemplateName a, .TemplateName a:visited, .TemplateName a:active {
text-decoration: none;
color: #000000;
}
.TemplateName a:hover {
background-color: #3E79BF;
color: #FFFFFF;
}
/*
* End of template name  management
*********************************************************************/

/*********************************************************************
* Template content management.
*/
.TemplateContent
{
}
/*

* End of template content  management
*********************************************************************/

/*********************************************************************
* Template path management.
*/
.TemplatePath
{
}
/*

* End of template path management
*********************************************************************/

/*********************************************************************
* Ticket number management.
*/
.TicketNumber {
}
.TicketNumber a, .TicketNumber a:visited, .TicketNumber a:active {
text-decoration: none;
color: #000000;
}
.TicketNumber a:hover {
background-color: #3E79BF;
color: #FFFFFF;
}
/*
* End of ticket number  management
*********************************************************************/
/*********************************************************************
* Request details  management.
*/
#requestInfo {
border: 1px solid black;
}
div.event {
border: 1px solid #000000;
background-color: #aacdf2;
margin-bottom: 0.5em;
}
div.event div.eventDate {
float: left;
}
div.event div.eventKind {
float: right;
}
div.event div.eventMessage {
clear: both;
border-top: 1px solid #000000;
background-color: #ffffff;
}
/*
* End of request details management
*********************************************************************/
/*********************************************************************
* Request Information management.
*/
#request .PropertyValue#QuestionDate,
#request .PropertyValue#LastAnswerDate {
background-color: #E6E6E6;
color: #0033A7;
font-weight: bold;
text-align: right;
}
#RequestHistory th#EventKind {
width: 8em;
}
#RequestHistory th#EventDate {
width: 10em;
}
#RequestHistory td.EventKind {
color: #444444;
font-weight: bold;
}
#RequestHistory td.EventDate {
color: #0033A7;
font-weight: bold;
text-align: right;
}
/*
* End of Request Information management
*********************************************************************/
/*********************************************************************
* Error Article management.
*/
div.Article#ErrorList div.ArticleTitle {
color: #FF0000;
}
div.Article#ErrorList div.ArticleBody {
color: #FF0000;
}
/*
* End of Error Article management
*********************************************************************/
/*********************************************************************
* Error Article management.
*/
table#ConnectionFields {
display: inline;
}
/*
* End of Error Article management
*********************************************************************/
/*********************************************************************
* Template groups shortcuts management.
*/
table#TemplateGroupShortcuts{
width : 100%;
  table-layout : fixed;
}
table#TemplateGroupShortcuts td {
/*    width : 100%; */
vertical-align : top;
margin : 0;
padding : 0;
}
/*
* End of template groups shortcuts management
*********************************************************************/
/*********************************************************************
* Template information management.
*/
#TemplateInfo
{
}

table#TemplateInformation{
width : 100%;
}
table#TemplateInformation td {
/*    width : 100%; */
vertical-align : top;
margin : 0;
padding : 0;
}
/*
* End of template informationmanagement
*********************************************************************/
/*********************************************************************
* Home page management.
*/
#HomePage img {
vertical-align : middle;
margin-left  : 4em;
margin-right : 1em;
}
#HomePage p {
color: #0033A7;
font-weight: bold;
}
#HomePage a:link,
#HomePage a:visited,
#HomePage a:active,
#HomePage a:hover {
color: #0033A7;
text-decoration : none;
}
/*
* End of Home Page management
*********************************************************************/


/*********************************************************************

* Standalone page management.

*/

#StandalonePage img {

vertical-align : middle;

margin-left  : 4em;

margin-right : 1em;

}

#StandalonePage p {

color: #0033A7;

font-weight: bold;

}

#StandalonePage a:link,

#StandalonePage a:visited,

#StandalonePage a:active,

#StandalonePage a:hover {

color: #0033A7;

text-decoration : none;

}

/*

* End of Standalone Page management

*********************************************************************/

/*********************************************************************
* Template properties management.
*/
#TemplateProperties p {
margin-top    : 0;
margin-bottom : 0.5em;
}
/*
* Template properties management
*********************************************************************/
/*********************************************************************
* User question management.
*/
#UserQuestion  {
margin : 0;
border : 1px solid #B6B6B6;
padding: 0 1em 0  1em;
}
#UserQuestion pre {
font-family: Arial;
font-size: 10pt;
margin :0;
padding: 0;
}

/*
* End of User question management
*********************************************************************/



/*********************************************************************
* Template fields management.
*/
#TemplateFieldsList {

}



/*
* End of template fields management
*********************************************************************/


/*********************************************************************
* Template attachments management.
*/
#TemplateAttachmentsList {

}

#TemplateAttachmentsList ul {
    list-style-type: none;
    margin: 0;
    padding : 0;
}

#TemplateAttachmentsList li {
    margin-bottom: 1em;
    padding : 0;
}

/*
* End of template attachments management


*********************************************************************/



/*********************************************************************
* Text field (multiline)
*/
.TextField {
    font-family: Arial;
    font-size: 10pt;
    margin :0;
    padding: 0;
}

/*********************************************************************
* Template contacts management.
*/
#TemplateContactsList {
}

#TemplateContactsList ul {
    list-style-type: none;
    margin: 0;
    padding : 0;
}

#TemplateContactsList li {
    margin-bottom: 1em;
    padding : 0;
}

/*
* End of template contacts management
*********************************************************************/







/*********************************************************************
* Send email page management.
*/
table#SendEmailForm input,
table#SendEmailForm textarea {
    width : 500px
}

table#SendEmailForm textarea {
    height: 200px
}

/*
* End of send email page management
*********************************************************************/

/*********************************************************************
* Stars ranker management
*/
span#template-ranker-stars-head {
}

span#template-ranker-stars-tail {
}

#TemplateRankerStars {
    display                    : inline;
}

ul#TemplateRankerStarsList {
	list-style-type            : none;
	position                   : relative;
	margin                     : 0 0 5px 0px;
}

ul#TemplateRankerStarsList li {
    display                    : inline;
    padding                    : 0 0 0 0;
    margin-bottom              : 5px;
}

ul#TemplateRankerStarsList li a {
  background                   : url("../images/rank_off.gif") no-repeat;
  text-decoration              : none;
  color                        : white;
}

ul#TemplateRankerStarsList li a:hover {
  background                   : url("../images/rank_on.gif") no-repeat;
  text-decoration              : none;
  color                        : white;
}
/*
* End of Stars ranker management
*********************************************************************/

.light {
  color                        : gray;
}

/*********************************************************************
* Template backlink
*/
div#template-backlink {
    padding-top:20px;
}
/*
* End of Template backlink
*********************************************************************/

.tooltip-loading {
  background-image:url("../images/loading.gif");
  background-repeat:no-repeat;
  background-position:center center;
  width: 100%;
  height: 100%;
}
.tooltip-content{
    height: 300px;
}


/*
* End of Document preview
*********************************************************************/