/*
 *   CONTENT SETTINGS
 *   Sets the contents container settings
 */

#Content	{ color: #008A01; float: right; position: relative; width: 740px; }

#Content h3	
{
	background: transparent url(../Images/Icons/information.gif) no-repeat 0 1px;
	color: #6F891F;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 4px 0 4px 20px;
}

#Content a, a:hover, a:visited, a:active { color: Blue; }

#Content .ErrorPage { color: Black; }

#Content ul.ItemList
{
    margin-bottom: 15px;
}

#Content ul.ItemList li
{
    background: transparent url(../Images/Icons/bullet_green.gif) no-repeat 0 center;
    padding: 5px 0 5px 20px;
}

#Content cite
{
    border: 1px solid #6F891F;
    color: #000000;
    display: block;
    font-style: normal;
    padding: 10px;
}

/*/////////////////////////////////////////////////////////////////////////////
  // PageTitle Styles
  /////////////////////////////////////////////////////////////////////////////*/

/*  
 *  Common Titles
 */
#Content h3.Error				{ background-image: url(../Images/Icons/exclamation.gif);   }
#Content h3.Legal				{ background-image: url(../Images/Icons/information.gif);   }
#Content h3.Login               { background-image: url(../Images/Icons/key_go.gif);        }
#Content h3.Help                { background-image: url(../Images/Icons/help.gif);          }
/*
 *	Users Management Titles
 */
#Content h3.CreateUser			{ background-image: url(../Images/Icons/user_add.gif);      }
#Content h3.Users				{ background-image: url(../Images/Icons/user.gif);          }
#Content h3.UserDetails			{ background-image: url(../Images/Icons/user_edit.gif);     }
#Content h3.ActivateUser		{ background-image: url(../Images/Icons/user_go.gif);       }
#Content h3.NotActiveUser		{ background-image: url(../Images/Icons/exclamation.gif);   }
#Content h3.ChangePassword		{ background-image: url(../Images/Icons/textfield_key.gif); }

/*
 *	Inventories Management Titles
 */
#Content h3.Inventories			{ background-image: url(../Images/Icons/inventory.gif);         }
#Content h3.InventoryDetails    { background-image: url(../Images/Icons/inventory_details.gif); }
#Content h3.CreateInventory		{ background-image: url(../Images/Icons/inventory_create.gif);  }

/*
 *	Models Management Titles
 */
#Content h3.Models				{ background-image: url(../Images/Icons/model.gif);         }
#Content h3.ModelDetails		{ background-image: url(../Images/Icons/model_details.gif); }
#Content h3.CreateModel         { background-image: url(../Images/Icons/model_create.gif);  }

/*
 *  Queries Management Titles
 */
#Content h3.Queries             { background-image: url(../Images/Icons/query.gif); }

/*
 *  Stages Management Titles
 */
#Content h3.Stages              { background-image: url(../Images/Icons/stage.gif);         }
#Content h3.StageDetails        { background-image: url(../Images/Icons/stage_details.gif); }
#Content h3.CreateStage         { background-image: url(../Images/Icons/stage_create.gif);  }
#Content h3.ExecuteStage        { background-image: url(../Images/Icons/stage_execute.gif); }

#Content h4			{ background: transparent url(../Images/section_background.gif) repeat-x left center; color: #536617; margin-bottom: 8px; }
#Content h4 span	{ padding-right: 5px; background: white; }

#Content h5         { margin-bottom: 5px; }

/*/////////////////////////////////////////////////////////////////////////////
  // Form related controls Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .RequiredFieldMark	{ color: Red; padding-top: 1px /* Centers the '*' vertically */; }

#Content select,
#Content textarea,
#Content .TextBox,
#Content .StandardButton,
#Content .Commands input,
#Content .FileUpload		{ border: 1px solid #5A6E1B; }

#Content label,
#Content .Label				{ color: #536617; }
#Content .TextBox			{ width: 185px; padding: 2px; }
#Content .TextBox.Multiline	{ width: 400px; overflow: auto; height: 10em; }
#Content select             { width: 188px; }

#Content .Commands input,	/* Used for server controls which buttons cannot be styled */
#Content .StandardButton	{ background: #B1D44A url(../Images/button_background.gif) repeat-x top left; font-weight: bold; padding: 1px 3px; }

#Content .FileUpload		{ padding: 2px; width: 270px; }

/*/////////////////////////////////////////////////////////////////////////////
  // Standard form fields Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .Fields					{ margin-bottom: 15px; }
#Content .Fields label				{ display: block; float: left; padding: 5px 0 3px 0; width: 130px; }
#Content .Fields div				{ margin-bottom: 4px; }
#Content .Fields .CheckBox label	{ float: none; display: inline; position: relative; padding-left: 3px; top: -1px; }

/*/////////////////////////////////////////////////////////////////////////////
  // InformationMessage Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .InformationMessage
{
	background: transparent url(../Images/Icons/information.gif) no-repeat top left;
	color: black;
	display: block;     /* Force all InformationMessages to render in its own space */
	font-size: 0.95em;
	margin: 15px 0;
	padding-left: 20px; /* Space for the icon */
	width: 100%;        /* IE: Toggles hasLayout so it shows the icon */
}

#Content .InformationMessage h4		{ background: transparent; color: #393995; font-weight: bold; margin: 2px 0 4px 0; }
#Content .InformationMessage p		{ margin: 0; }

/*
 * Forces controls to display as if they were standard information messages
 */
#Content .InformationMessage.ForceHeader,
#Content span.InformationMessage				{ color: #953939 !important; display: block; font-weight: bold; padding-top: 2px; padding-bottom: 5px; }
#Content .InformationMessage.ForceHeader ul	    { color: red; margin-top: 4px; }
#Content .InformationMessage.ForceHeader li	    { font-weight: normal; height: 1.2em; }

/*
 * Particular messages styles
 */
#Content .InformationMessage.ErrorMessage h4	    { color: #953939; }
#Content .InformationMessage.ErrorMessage		    { background-image: url(../Images/Icons/exclamation.gif); color: Red; }

#Content .InformationMessage.ConfirmationMessage	{ background-image: url(../Images/Icons/tick.gif); }

/*/////////////////////////////////////////////////////////////////////////////
  // Grid controls common Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .Grid						{ border: none; margin-bottom: 10px; }
#Content .Grid td					{ background-color: #FFFBD6; padding: 4px 10px; border: none; }
#Content .Grid .Pager				{ background-color: #FFCC66; text-align: center; }
#Content .Grid td.Header,
#Content .Grid .Header th			{ color: #6F891F; font-weight: bold; }
#Content .Grid .AlternatingRow td	{ background-color: White; }
#Content .Grid .Commands td,
#Content .Grid .Commands,
#Content .Commands td,
#Content .Commands					{ background-color: transparent; border-top: 1px solid #6F891F; padding-right: 0; padding-top: 10px; text-align: right; }
#Content .Grid .CheckBox input		{ width: auto; }
#Content .Commands.ValidationSpace	{ padding-right: 15px; }

/*/////////////////////////////////////////////////////////////////////////////
  // GridView Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .GridView					{ margin-bottom: 0; }
#Content .GridView,
#Content .GridViewCommands			{ width: 600px; }
#Content .GridView td				{ color: #333333; }
#Content .GridView td a             { background: transparent url(../Images/Icons/tick.gif) no-repeat 0 0; display: block; padding: 3px 0 3px 22px; }
#Content .GridView .Header th		{ border-bottom: 1px solid #6F891F; padding: 0px 10px; text-align: left; }
#Content .GridView .Footer td		{ background-color: #990000; color: White; font-weight: bold; }
#Content .GridView .Pager			{ color: #333333; }
#Content .GridView .SelectedRow td	{ background-color: #FFCC66; color: Navy; }

#Content .GridView.UsersGrid td a       { background-image: url(../Images/Icons/user.gif);      }
#Content .GridView.ModelsGrid td a      { background-image: url(../Images/Icons/model.gif);     }
#Content .GridView.InventoriesGrid td a { background-image: url(../Images/Icons/inventory.gif); }

/*/////////////////////////////////////////////////////////////////////////////
  // DetailsView Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .DetailsView td				{ color: #333333; }
#Content .DetailsView .Header			{ width: 150px; }
#Content .DetailsView input				{ width: 185px; }
#Content .DetailsView .Commands input	{ width: auto; }
#Content .DetailsView p					{ margin: 0; }
#Content .DetailsView a.Command			{ padding-top: 4px; }
#Content .DetailsView input.FileUpload	{ width: 270px; }

/*/////////////////////////////////////////////////////////////////////////////
  // SearchBox Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .SearchBox						{ margin-bottom: 30px; overflow: hidden; width: 600px; }

#Content .SearchBox.Columns1 .Column    { width: 100%; float: none; }
#Content .SearchBox.Columns4 .Column	{ width: 25%; }
#Content .SearchBox.Columns3 .Column	{ width: 33.3%; }
#Content .SearchBox.Columns2 .Column	{ width: 50%; }

#Content .SearchBox .Column				{ float: left; }
#Content .SearchBox .Column.Fields		{ margin-bottom: 4px; }
#Content .SearchBox .Column.First		{ clear: left; }
#Content .SearchBox .Column.Last		{ clear: right; }

#Content .SearchBox .TextBox			{ width: 150px; }
#Content .SearchBox select				{ width: 155px; }

#Content .SearchBox .TextBox,
#Content .SearchBox select				{ margin-bottom: 4px; }

#Content .SearchBox .Commands			{ background: white; clear: both; float: left; width: 100%; }

#Content .SearchBox h4					{ clear: both; margin-bottom: 4px; width: 100%; }
#Content .SearchBox h4 span				{ float: left; padding-bottom: 4px; padding-left: 20px; padding-top: 4px; background: white url(../Images/Icons/search.gif) no-repeat left center; }

#Content .SearchBox.Inventory .Column	{ width: 350px }

#Content .SearchBox.Model				{ width: 550px; }
#Content .SearchBox.Model label			{ width: 110px; }

/*/////////////////////////////////////////////////////////////////////////////
  // Login Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content div.Login          			{ margin-bottom: 30px; position: relative; }
#Content div.Login #LoginControl        { width: 330px; }
#Content div.Login label				{ width: 125px; }
#Content div.Login .Fields				{ margin-bottom: 0; }
#Content div.Login .Commands			{ border: none; padding-top: 0; }
#Content div.Login .PasswordRecovery	{ margin-top: 4px; width: 210px; }
#Content div.Login .Validation			{ margin-top: 20px; position: absolute; }

/*/////////////////////////////////////////////////////////////////////////////
  // Users Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .GridView.UsersGrid td a.SendMail { background-image: url(../Images/Icons/email_go.gif); }

/*/////////////////////////////////////////////////////////////////////////////
  // Create User Wizard Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .CreateUserWizard			{ width: 360px; }
#Content .CreateUserWizard label	{ width: 150px; }
#Content .CreateUserWizard .Legal	{ margin-bottom: 15px; }

/*/////////////////////////////////////////////////////////////////////////////
  // Change Password Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .ChangePassword		{ width: 380px; }
#Content .ChangePassword label	{ width: 200px; }
#Content .ChangePassword div    { position: relative; }
#Content .ChangePassword .RequiredFieldMark { position: absolute; top: 30%; right: -10px; }

/*/////////////////////////////////////////////////////////////////////////////
  // CreateModel Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .CreateModel			{ width: 520px; }
#Content .CreateModel label		{ width: 100px; }
#Content .CreateModel .CheckBox	{ display: block; padding-left: 95px; padding-bottom: 4px; }

/*/////////////////////////////////////////////////////////////////////////////
  // Queries Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .QueryVariableList .Commands,
#Content .InventoryList                 { width: 500px; }

#Content .InventoryList                 { border-bottom: 1px solid #5A6E1B; margin-bottom: 15px; padding-bottom: 15px; }
#Content .InventoryList label           { display: block; padding-bottom: 5px; }
#Content .InventoryList select          { margin-left: 0; width: 300px; }

#Content .QueryItem                     { padding: 2px; margin-bottom: 10px; }

#Content .QueryItem .CheckBox           { display: block; float: left; width: 190px; }
#Content .QueryItem .CheckBox input     { float: left; }
#Content .QueryItem label               { display: block; float: left; margin-top: 5px; }

#Content .QueryItem .OperatorList       { width: 100px; }

#Content .QueryItem.Disabled            { color: Gray; }
#Content .QueryItem.Disabled select     { background-color: #FFFFFF; }
#Content .QueryItem.Disabled .TextBox   { border: 1px solid #BABABA; background-color: #FFFFFF; }

#Content .QueryVariableList .InformationMessage { margin: 15px 0; }

/*/////////////////////////////////////////////////////////////////////////////
  // Stages Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .Stage                             { width: 600px; }
#Content .Stage .StageList ul               { margin-bottom: 15px; overflow: hidden; }
#Content .Stage .StageList li               { float: left; margin: 5px 0; overflow: hidden; width: 250px; }
#Content .Stage .StageList li input         { float: left; }

#Content .Stage .StageList li div
{
    background: white url(../Images/Icons/stage.gif) no-repeat 0 1px;
    float: left; 
    margin-left: 10px;
    padding-left: 22px;
}
  
#Content .Stage .StageList li div a         { display: block; font-weight: bold; margin-bottom: 3px; }
#Content .Stage .StageList li div span      { clear: both; display: block; font-size: 10px; width: 100%; }


/*/////////////////////////////////////////////////////////////////////////////
  // Execute Stage Styles
  /////////////////////////////////////////////////////////////////////////////*/

#Content .ExecuteStage                                  { width: 600px; }

#Content .ExecuteStage .Toggle                          { background: #6F891F; margin-top: 5px; position: relative; }

#Content .ExecuteStage .Toggle span                     { background: transparent none no-repeat right center; cursor: hand; display: block; }
#Content .ExecuteStage .Toggle span.Collapse            { background-image: url(../Images/bullet_arrow_up.gif); }
#Content .ExecuteStage .Toggle span.Expand              { background-image: url(../Images/bullet_arrow_down.gif); }

#Content .ExecuteStage .QueryVariableList,
#Content .ExecuteStage .NodeList
{
    border: 1px solid #6F891F;
    overflow: auto;
}

#Content .ExecuteStage label,
#Content .ExecuteStage .Label                       { display: block; margin-bottom: 3px; }
#Content .ExecuteStage .Step                        { background: transparent url(../Images/dot.gif) repeat-x 0 bottom; margin-bottom: 15px; padding: 0 0 15px 40px; position: relative; }
#Content .ExecuteStage .Step h5                     { background: transparent none no-repeat 0 0; height: 50px; left: 0; overflow: hidden; position: absolute; text-indent: -9000px; width: 50px; }
#Content .ExecuteStage #Step3                       { background: none; margin-bottom: 0; }

#Content .ExecuteStage #Step1 h5                    { background-image: url(../Images/step_1.gif); }
#Content .ExecuteStage #Step2 h5                    { background-image: url(../Images/step_2.gif); }
#Content .ExecuteStage #Step3 h5                    { background-image: url(../Images/step_3.gif); }

#Content .ExecuteStage .Toggle                      { border: 1px solid #6F891F; color: White; display: block; padding: 5px; }
#Content .ExecuteStage .Toggle:hover                { background: #B1D44A url(../Images/button_background.gif) repeat-x top left; border-color: #5A6E1B; color: Black; text-decoration: none; }

#Content .ExecuteStage .NodeList                    { height: 200px; margin-bottom: 15px; /*overflow: hidden;*/ overflow-x: hidden; x-overflow: hidden; overflow-y:auto; y-overflow:auto; }
#Content .ExecuteStage .NodeList p                  { color: Gray; display: block; margin-top: 10%; text-align: center; }

#Content .ExecuteStage .NodeList                    { height: 300px; padding: 10px; }
#Content .ExecuteStage .NodeList ul                 { overflow: hidden; }
#Content .ExecuteStage .NodeList li                 { float: left; margin-bottom: 15px; overflow: hidden; width: 212px; }
#Content .ExecuteStage .NodeList li span            { background: transparent url(../Images/Icons/node_input_arrow.gif) no-repeat right center; display: block; float: left; height: 67px; padding-top: 5px; text-align: center; width: 140px; }
#Content .ExecuteStage .NodeList li div             { height: 72px; float: right; width: 72px; }
#Content .ExecuteStage .NodeList li div a           { background: transparent url(../Images/Icons/node_results_normal.jpg) no-repeat 0 center; display: block; height: 100%; overflow: hidden; text-indent: -9000px; }
#Content .ExecuteStage .NodeList li div a:hover     { background-image: url(../Images/Icons/node_results_over.jpg); }
#Content .ExecuteStage .NodeList li.Selected div a  { background-image: url(../Images/Icons/node_results_selected.jpg); }

#Content span.CheckBox label {display:inline; }