﻿body 
{
	background-color: #FFFFFF;
	color: #000000;
}

h1 
{
/*	color: black;#0000cc;#330000;	*/
	color: #eff3fc;
	background-color: transparent;
	text-align: center;
	font-size:30px; 
}

h3 
{
/*	color: black;#0000cc;#330000;	*/
	color:red; /*#eff3fc;*/
	background-color: transparent;
	text-align: center;
	font-size:15px; 
	font-family :Verdana;

}

/*================================
		HEADER TABLE (START)
================================*/

.HeaderTable
{
	/*background-color	: #75C01F;*/
	
	
	
	background-color	: #edf1f4; /*Black;*/ /* #7195a3;*/

	
	
	
	border-top			: 1px solid #1C792A;
	border-top-style	: solid;
	
	border-bottom		: 2px solid #1C792A;
	border-bottom-style : solid;
	
	width				: 100%;
	padding				: 0px;
	margin-bottom		: 0px;
}

.HeaderTable td
{
	background-color	: Transparent;
	color				: White;
	
	padding-left		: 2px;
	border				: solid 0px yellow;
}


/* <div> for CompanyLogo (in Header Table) 
-------------------------------------------*/

.CompanyLogoDiv
{
	/*float				: left;*/
	background-color	: transparent;

	margin				: 0px;
	padding				: 0px;
	padding-top			: 0px;
	padding-left		: 0px;

	background-image	: url('../../Images/Logo_Torm.PNG');
	background-repeat	: no-repeat;

	height				: 70px;
	width				: 80px;
	background-color	: Transparent;
	
	border				: solid 0px black;
}


/* <td> for Application Name (in Header Table)
-----------------------------------------------*/

.HeaderAppname
{
	font-family				: Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
	color				: black;
	font-weight			: bolder;
	font-size			: 120%;

	background-color	: transparent;
	text-align			: center;
}


/* <td> for Login status (in Header Table)
-------------------------------------------*/

.HeaderLogin 
{
	font				: 60% Verdana;
	font-weight			: bold;
	color				: black;
	float				: right;
	text-align			: right;
	background-color	: transparent;
	width				: 19%;
}


/* <table> within  .HeaderLogin <td> 
-------------------------------------------*/

.LoginTable
{
	width				: 100%;
	height				: 100%;
	padding				: 0px;
	margin				: 0px;
	
}

.LoginTable tr
{
	padding				: 0px;
	margin				: 0px;
}

.LoginTable td
{
	background-color	: Transparent;
	padding				: 0px;
	margin				: 0px;
	border-width		: 0px;
}


.LoginStatus
{
	color				: black;	
	text-align			: right;
	background-color	: transparent;
	font-weight			: bold;
	padding-right		: 4px;
	text-decoration		: none;
}

.LoginStatus:hover
{
	color				: black;
	text-decoration		: underline;
}

.HeaderUserNameCaption
{
	font				: Verdana, Georgia, Arial, Helvetica, "Times New Roman", Times, serif;
	color				: #ffffff;	 /*#ff6600; Navy; */
	text-align			: right;
}

.HeaderUserName
{
	font				: Verdana, Georgia, Arial, Helvetica, "Times New Roman", Times, serif;
	color				: #ffffff;/* #ffffff;	 #ff6600; Navy; */
	text-align			: right;
}


.NavigationDiv
{
	border				: solid 0px red;
	width				: 100%;
	padding-left		: 2px;
	margin				: 0px;
}
.SiteMapPathDiv
{
	float				: right;
	width				: 40%;
	text-align			: right;
	font-size			: 12px;
	font-family			: Verdana;
	margin				: 0px;
	border				: solid 0px red;
}

/* Header Section */

.Header 
{
/*	border-bottom: 3px solid teal;	*/
	background-color: #7195a3; /*#336699;/*#336699, 59A4E3;#4e96d3;#618B75;	/* #ffff99; */
	border-top: 10px solid #000000;
	border-bottom: 1px solid #000000;
	width: 100%;
}


.CompanyLogo
{
	float: left;
/*  style="width: 30%; height: 100px" */
}

.HeaderTitle 
{
	font-family:  "Times New Roman";
	font-weight: bolder;
	font-size :150%  ;
/*	color: Navy;black;	*/
	color: white;
	background-color: transparent;
	text-align: center;
/*	width: 40% */
/* style="width: 40%; height: 40px;" */
}

.PageTitle 
{
	text-align: center;
	width: 100%;
/* style="width: 547px; height: 1px" */
}
/*
.HeaderAppname
{
	font: 60% Verdana;
	font-weight: bold;
	color: black;	
	float: right;
	text-align: right;
	width: 28%;
style="float:right; width: 20%; height: 40px; vertical-align: top" 
}*/

.LoginStatus
{
	color: black;	/* #990000;	*/
	text-align: right;
	font-family :Verdana ;
	font-size :12px;
}

.Navigation 
{
/*	border-bottom: 3px solid #999900;	*/ /* teal */
	background-color: #cccccc;
	
/*	border-bottom: 2px dotted #B51032; */
	width: 100%;
/*	background-color: #ffff99;#ff99ff;	*//* cccccc; */
/*  style="float: left; width: 500px; height: 101px; vertical-align: top;" */
}

.SiteMapPath
{
	float: right;
	width: 45%;
	text-align: right;
/* style="width: 441px; height: 1px" */
}

.Menu
{
	float: left;
	width: 45%;
/* style="width: 100px; height: 100px" */
}

.Hidden
{
	visibility: hidden;
/* style="width: 100px; height: 100px" */
}

.MainContent
{
	background-color: #cccccc;
}

.Footer
{
	border-top: 1px solid #999900;	/* teal */
	border-bottom: 1px solid #999900;	/* teal */
	background-color: Black;/*#7195a3;/*#336699; /* white;	#ff3399;	ccccff; */
	font-family :Verdana ;
}

.FooterText
{
	font: Georgia, Verdana, Arial, Helvetica, "Times New Roman", Times, serif;
	color: white;	/* #ff6600;*/	/* Navy; */ 
	text-align: left;
}

.FooterSent
{
	font: "Lucida Console", Tahoma;
	color: white;
}

.FooterUserName
{
	font-family: Verdana, Georgia, Arial, Helvetica, "Times New Roman", Times, serif;
	color: #ffffff;	/* #ff6600; Navy; */
	text-align: right;
    background-color:#000080;
}

.TableHeader
{
	/*font:  Tahoma ;/*Arial, Verdana*/
	/*font-weight: bold;*/
	/*font-family : Arial*/
	font-family: Verdana;
	font-size:11px;
	/*	background-color: #000099;#507dd2;	*/
	background-color: #000080;/*navy;*//*#7195a3;*//*#7195a3;*//* #5b85af;*/
	color: white;
	font-weight:bold;
/*	border-style :solid ;
	border-width:1em;
	height: 35px;	*/
}
.TableHeaderForFormView
{
	font-family:  Verdana;/*Tahoma, Verdana*/
	/*font-weight: bold;*/
	/*font-family :Arial ;*/
	font-size: 11px;
		background-color: #7195a3;	
	/*background-color: #507dd2;*/
	color: Black;
	/*border-width:0em;
	border-style :solid ;
	height: 35px;	*/
}
.TableRow 
{
	/*border-width:0em;
	border-color: Maroon;
	border-style: solid;*/
	/*font-family :Arial ;*/  /*Tahoma, Verdana, Arial*/
	font-family:  verdana;
	font-size: 12px;
	font-weight: normal;
/*	height: 15px;	*/
	background-color: white;
	color: black;
	border-width:0em;
	border-style :solid ;
	
}

.TableAlternateRow 
{
	font-family:  verdana;
	/*font-family :Arial ;*/
/*	background-color: #ccffff;f3f3f3;
	color: Navy;	*/
	font-size: 12px;
	font-weight: normal;
    background-color: white;
    border-width:0em;
   /* color :black;
    border-style :solid ;
	height: 15px;	*/
}

.TableFooter
{
	font-family: verdana;
	font-weight: bold;
	background-color: #7195a3;
	color: White;
	font-size: 11px;
/*	height: 35px;	*/
}

.PagerRow
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color:  white;
    background-color: #7195a3;
	height: 5px;
}

.SelectionArea
{
	font: Verdana;
	font-weight: bold;
	border: Solid 3px Silver;
/*	background-color: #6666cc;
	color: White;	*/
    background-color: Yellow;
}

.Warning
{
    color: Black;	/* Red	*/
    font-style: italic;
    font-weight: bold;
    font-size: larger;
}

.Numeric-Input
{
	text-align: right;
	font: Tahoma;
}
.CargoesRow
{
	font: Tahoma, Verdana, Arial;
/*	background-color: green;	*/
	font-size: small;
	font-weight: normal;
	color: Navy;
	height: 20px;
}
.ReplacementRow
{
	font: Tahoma, Verdana, Arial;
	background-color: yellow;
	font-size: small;
	font-weight: normal;
	color: Navy;
}
.FailureRow
{
	font: Tahoma, Verdana, Arial;
	background-color: Red;
	color: white;
	font-size: small;
	font-weight: normal;
}
.FixtureRow
{
	font: Tahoma, Verdana, Arial;
	background-color: green;
	font-size: small;
	font-weight: normal;
	color: White;
/*	height: 20px;	*/
}
.RRow
{
	font: Tahoma, Verdana, Arial;
	background-color: Red;
	color: white;
	font-size: small;
	font-weight: normal;
}
.ORow
{
	font: Tahoma, Verdana, Arial;
	background-color: Orange;
	color: white;
	font-size: small;
	font-weight: normal;
}
.PFInvoiceRow
{
	/*font: Tahoma, Verdana, Arial;*/
	background-color:Orange;
	color: black;
	font:  Tahoma;
	font-size: x-small;
	font-weight: normal;
	/*font-weight: normal;*/
}
.PFLastUpdateRow 
{
	/*font: Tahoma, Verdana, Arial;*/
	background-color: Red;
	color: black;
	font:  Tahoma;
	font-size: x-small;
	font-weight: normal;
	/*font-weight: normal;*/
}
.PFPaidRow
{
	/*font: Tahoma, Verdana, Arial;*/
	background-color: Green;
	color: black;
	font:  Tahoma;
	font-size: x-small;
	font-weight: normal;
	/*font-weight: normal;*/
}
.ReachNRow
{
		font: Tahoma, Verdana, Arial;
	background-color: red;
	color: Black;
	font-size: small;
	font-weight: normal;
}
.ReachRRow
{
		font: Tahoma, Verdana, Arial;
	/*background-color: Orange;*/
	color: Black;
	font-size: small;
	font-weight: Bold;
}
.ReachORow
{
	font: Tahoma, Verdana, Arial;
	/*background-color: Orange;*/
	color: Black;
	font-size: small;
	font-weight: normal;
   
/*	 background-color: #eff3fc;
height: 15px;	*/
}
#divInsert
{
	float: left;
}

#divEdit
{
	float: left;
}

#divMessage
{
	vertical-align: bottom;
	width: 100%
}

#divHidden
{
/*	visibility: hidden;	*/
}
.Clock
{
width:64px;
color: #ffffff;
font-family:Arial;
font-size:10px;
font-weight:bold ;

}

.contact_table

{
	background-color :#eff3fc;
	border-collapse:collapse;
	border-spacing:0px;
	
	}


.Contact_Header
{
font: bold  16px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
/*font-size :16px;*/

}

.Company_Name
{
font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #000000;
/*font-size :13px;*/
}
.Company_Address
{
font:  12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
.Contact_Person
{
font:  13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
color: #ffffff;
background-color:#5b85af;
	}
	
.E-mail
{
	font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#ffffff;
	text-decoration:none;
	
	
	
	
	}
	.Sen_System
	{
		font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:red;
	text-decoration:none;

	
	
	}	
	
	.link
	{
		text-decoration:none;
		
	
		}
		.Underline
		{
			background :#7195a3;
			}
.ListSearchExtender	
{

	font-family :Verdana ;
	font-size :xx-small;
	font-weight :bold ;
	color :black ; 	
	
}

/*==================================
		CHANGE PASSWORD (START)
==================================*/

.ChangePasswordControl, .CreateUserWizardControl, .CheckBoxList
{
	border : solid 1px #469321;
	border-bottom-width : 2px;
	border-right-width : 2px;
	/*background-color:#DDF0DD*/
	background-color:White;
	font-size:10px;
	font-family:Verdana;
	color:black;
}

.ChangePassword_TitleText, .CreateUserWizardControl_TitleText
{
	background-color:#7195a3;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana;
	color:black;
	margin:0px;
	padding:0px;
}
.ChangePassword_FailureText
{
	text-align:left;
}

.ChangePassword_InstructionText
{
	color:Aqua;

}

.ChangePassword_PasswordHint
{

}

.ChangePassword_ContinueButton
{

}

/*==================================
		CHANGE PASSWORD (END)
==================================*/

/*==================================
		CREATE USER (START)
==================================*/

.CreateUserWizardControl
{
	
}

.CreateUserWizardControl_CaptionTd
{
	text-align:right;
	font-size:12px;
	font-family:Verdana;
	color:black;
}

.CreateUserWizardControl_InputControlTd
{
	text-align:left;	
	font-size:12px;
	font-family:Verdana;
	color:black;
}

.CreateUserWizardControl_TextBox,.CreateUserWizardControl_DropDownStyle
{
	width	: 200px;
	font-size:12px;
	font-family:Verdana;
	color:black;
}

.CreateUserWizardControl_CreateUserButton
{
		border : solid 0px black;
		font-size : 14px;
}

.CreateUserWizardControl_CancelButton
{
		border : solid 0px black;
		font-size : 14px;
}
/*==================================
		CREATE USER(END)
==================================*/



/*================================
		Error Panel

==================================*/		


.ErrorPanel
{
	border:solid 0px red;
	/*background-color:#FF7F7F;*/
	/*background-color:#EDDFDF;*/
	color : Red;
	
	
	padding:2px;
	margin-bottom:5px;
	font-family:Verdana;
	font-size:12px;
	/*border-top:solid 1px black;
	border-bottom:solid 1px black;*/
    
	border-top:dashed 1px black;
	border-bottom:dashed 1px black;
   
}

.ErrorLabel
{
    font-size:15px;
		/*ForeColor="black" Font-Bold="true"*/
         font-weight:bold;
}

.StatusPanel
{
	background-color: #D4E5F5;
	
	padding:2px;
	margin-bottom:5px;
	font-family:Verdana;
	font-size:12px;
    font-weight:bold;
}

.StatusLabel
{
    font-size:15px;
     font-weight:bold;
}


/*================For Ajax Calender Control*/

.MyCalendar
{
	
}

.ajax__calendar_container
{
	border:1px solid #646464;
	background-color:#FFFFFF;
	color:Red;
	font-weight:bold;
}

.ajax__calendar_footer
{
	border:1px solid #646464;
	background-color:#FFFFFF;
	color:Red;
	font-weight:bold;
}

.ajax__calendar_today
{
	border:1px solid #646464;
	background-color:#FFFFFF;
	color:Red;
	font-weight:bold;
}

.ajax__calendar_container table
{
	background-image: url('../../Images/RowBackground.gif');
	border-bottom:1px solid #646464;
	border-left:1px solid #646464;
}

.ajax__calendar_container td
{
	border-right:1px solid #646464;
	border-top:1px solid #646464;
	color:Black;
	font-weight:normal;
	font-family:Verdana;
	padding:0px;
	font-size:9px;
	
}

/* Freeze GridHeader */

/*.OddColumn
    { 
        font-family: Arial,Verdana, Helvetica; 
        font-size: 14px; 
        font-weight: normal; 
        border-style: solid; 
        border-width: 1px; 
        border-color: #999966; 
        width:20px;
        
    } 

.EvenColumn
    { 
        font-family: Arial,Verdana, Helvetica; 
        font-size: 14px; 
        font-weight: normal; 
        border-style: solid; 
        border-width: 1px; 
        border-color: #999966; 
        background-color:Silver;     
        width:20px;   
    } 
*/
.StaticColumn 
{
    position: relative;
} 
      
#GridViewContainer
    { 
         overflow: scroll;   
         margin-bottom: 14px; 
         height:450px;
          
          
    }
.FiterationTable
{
	border-top			: 2px solid double;
	border-top-style	: solid;
	
	border-bottom		: 2px solid double;
	border-bottom-style : solid;


    border-right		: 2px solid double;
	border-right-style	: solid;
	
	border-left		: 2px solid double;
	border-left-style : solid;

	/*width				: 100%;
	padding				: 0px;
	margin-bottom		: 0px;*/
}
.NewButton
{
	font-size:9.5px;
	
	border				: solid 1px #F2EDEE;
	border-right		: solid 1px #948D8E;
	border-bottom		: solid 1px #948D8E;
	
	background-color: skyblue;
	display:inline-block;
	text-align:center;
	
	width:100px;
	height:28px;	
    font-weight:bold;
	color:Black;
}
.leftclass{
/*text-align: left; float: left;*/
width:5000px;
        }
/*.FixedHeader {
    position: absolute;
    font-weight: bold;     
    padding-right: 12px;
    background-color: #7195A3;
    width: 100%;
}*/    



/*
*/
/*================End Changes*/