﻿body
{
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin:0px;
}
a
{
    text-decoration:none;
    color:Blue;
}
a:hover
{
    color:#3399FF;
    text-decoration:underline;
    font-style:italic;
}
.print{
	page-break-after: always !important;
	page-break-inside: avoid;
 }
.print:last-child
{
    page-break-after: auto !important;
    page-break-inside: avoid;
}
#mainHeaderDelivery
{
    position:absolute;
    display:block;
    width:800px;
    height:150px;
    padding:0;
    margin:0 0 0 0;
}
/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}
#mainHeader
{
    position:relative;
    display:block;
    background:url(../images/header_bg.PNG) no-repeat;
    background-position:right;
    width:100%;
    height:150px;
    padding: 0 0 0 0;
    margin:0 0 0 0;
    cursor:pointer;
}
#mainHeaderBG
{
    position:relative;
    display:block;
    background:url(../images/tile_bg.jpg) repeat-x;
    width:100%;
    height:150px;
    padding: 0 0 0 0;
    margin:0 0 0 0;
}
#ContentPlaceHolderdiv
{
    position: relative;
    display:block;
    font-family:Arial;
    font-size:13px;
    font-weight:bold; 
    margin:0;
}
.box
{
	border: solid 1px black;
}
.label
{
	font-size: 8pt;
	font-weight: bold;
	font-family:Arial;
	color: Black;
}
.label a
{
	color: Black;
	text-decoration: none;
}
.dataText
{
	font-size: 13px;
	font-family:Arial;
	font-weight: normal;
	color: Black;
}
.HiddenColumn
{
  display :none;
}
em {
	background: #EEEEEE;
	font-style: normal;
}
li {
	background: url(images/bullet_purple.gif) top left no-repeat;
	padding: 0 0 0 18px;
}
p {
	line-height: 18px;
	margin: 5px;
}
p,li, input {
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 0;
}
ul {
	list-style: none;
	margin: 5px;
	padding: 0;
}
.placeholder {
	color: #003399;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	height: 40px;
}
.content {
	float: left;
	margin: 5px 5px 0px 20px;
	text-align: left;
}
.detailsview .actions div {
	float: right;
	text-align: right;
	width: 95px;
	padding-right: 2px;
}
.detailsview td {
	background: #D7E6F4;
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 15px 10px 10px 10px;
}
.detailsview td a {
	color: #0066CC;
	font: bold small "Segoe UI", Segoe, sans-serif;
	padding-right: 10px;
}
.detailsview td a:hover {
	font-weight: bold;
	color: #333;
}
.detailsview th {
	background: #4168BD;
	color: #FFFFFF;
	font: small "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 3px 8px 5px;
	padding: 2px;
	text-align: left;
}
.detailsview tr.header {
	background: #C5DBF7;
	padding: 3px 8px 5px;
}
.gridview .actions div {
	float: right;
	padding-right: 2px;
	text-align: right;
	width: 95px;
}

.gridview .edit td,.gridview .create td {
	background: #DAFFCD;
	padding: 4px;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}

.gridview td {
	background: #D7E6F4;
	border-bottom: solid 1px #C5DBF7;
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 5px 4px;
}
.gridview td a{
	color: #0066CC;
	font: bold small "Segoe UI",Segoe,sans-serif;
	padding: 2px;
	text-decoration: none;
}
.gridview td a:hover {
	color: #333333;
	font-weight: bold;
}
.gridview th {
	background: #4168BD;
	color: #FFFFFF;
	font: small "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 4px;
	text-align: left;
}
.gridview th a{
	color: #FFFFFF;
	font: bold small "Segoe UI",Segoe,sans-serif;
}
.gridview th a:hover{
	color: #00FF00;
}
.gridview tr.even td,.detailsview tr.even td{
	background: #FFFFFF;
}
.gridview tr.header {
	background: #C5DBF7;
}
.gridview,.detailsview {
	width: 100%;
}
.header 
{

	height: 50px;
	margin-left: 5px;
}
.header h1 {
	color: #10377C;
	font: bold xx-large "Segoe UI", Segoe, sans-serif;
	margin: 0px;
}
.header h2 {
	color: #666666;
	font: x-small "Segoe UI", Segoe, sans-serif;
	position: absolute;
	top: 28px;
}
.header h2 a {
	color: #6600CC;
	font-weight: normal;
}
.insert {
	width: 300px;
}
.insert span {
	font-family: "Segoe UI", Segoe, sans-serif;
}
.insertheader 
{
    color: Silver;
	background: #10377C url(../images/add.gif) 6px 50% no-repeat;
	margin-top: 25px;
	padding-left: 25px;
/*	position: relative; */
}
.insertheader  a {
	color: #FFFFFF;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	margin-left: 20px;
}
.login {
	font: small "Segoe UI", Segoe, sans-serif;
	margin-left: 100px;
	margin-top: 30px;
}
.login .logintitle {
	background: #10377C;
	color: #0066CC;
	color: #FFFFFF;
	font: bold large "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 2px;
	padding-left: 5px;
	text-align: left;
}
.login input[type=text] input[type=password] {
	width: 100px;
}
.loginstatus {
	font: small "Segoe UI", Segoe, sans-serif;
	margin-left: 660px;
	margin-top: 20px;
	position: absolute;
	text-align: right;
	width: 200px;
}
.loginstatus span {
	margin-right: 20px;
}
.menu {
	border-width: 1px;
	float: left;
	margin: 20px 5px;
	width: 150px;
}
.progress {
	color: #FFFF99;
	float: right;
	font: bold x-large "Segoe UI", Segoe, sans-serif;
	margin-top: -20px;
}
.rss {
	margin-top: 20px;
}
.todoheader 
{
    color: Silver;
	background: #10377C;
	/*position: relative; */
}
.todoheader h2
{
	background: url(images/corner.gif) top right no-repeat; 
	color: #FFFFFF;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	margin: 0;
	padding: 8px 5px 5px 5px;
}
.todoheader a
{
    color: silver;
}
.insertheader h2 {
	color: #FFFFFF;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	margin: 0;
	padding: 8px 5px 5px 5px;
}
.updateprogress {
	color: #FFFFFF;
	font: bold large "Segoe UI", Segoe, sans-serif;
}
#invoiceTable
{
	background-color: #dbdbb8;
	width: 100%;
}

#invoiceTable td
{
	border-right: solid 1px black;
	padding: 0 5px 0 0;
}

.totalsRow
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}
.headerRow
{
	border-bottom: solid 1px black;
}
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(images/bubble.png) top left ;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(images/bubble.png) bottom right;
}
#topButtons{
	padding:0;
	margin:0;
	display:block;
	right:20px;
	top:11px;
	list-style:none;
	position:absolute;

	
}
/* #ctl00_ContentPlaceHolder1_Table1{
	border-top: 1px black solid;
	border-right: 1px black solid;
	
}
#ctl00_ContentPlaceHolder1_Table1 td, th{
	border-left: 1px black solid;
	border-bottom: 1px black solid;
} */
.labelApprove
{
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}
.labelApprovenobold
{
	font-size: 10pt;
	color: #000000;
}
.labelApprovesmaller
{
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}
.labelApprovenoboldsmaller
{
	font-size: 8pt;
	color: #000000;
}
#Tableborder{
	border: 1px black solid;
}
#Tableborder1{
	border: 1px black solid;
	
}
#Tableborder2{
	border-top: 1px black solid;
	border-left: 1px black solid;
}
#Tableborder2 TD{
	border-right: 1px black solid;
	border-bottom: 1px black solid;
}
#Tablebordernoleft
{
	border-top: 1px black solid;
	border-bottom: 1px black solid;
	border-right: 1px black solid;
	
}
#Tablebordernotop
{
	border-left: 1px black solid;
	border-bottom: 1px black solid;
	border-right: 1px black solid;
	
}
#Tablebordernoleftnotop
{
	border-bottom: 1px black solid;
	border-right: 1px black solid;
	
}
#Tablebordermargin{
	border: 1px black solid;
	margin: 5px;
	
}
#TableBorderRed{
	border: 3px maroon solid;
	
}
#TableBorderReport{
	border-top: 1px black solid;
	border-bottom: 1px black solid;
	border-right: 1px black solid;
}
#TableBorderReport td{
	border-left: 1px black solid;
}
#TableBorderReport th{
	border-left: 1px black solid;
	border-bottom: 1px black solid;
}

.TableBorderReport {
	border-top: 1px black solid;
	border-bottom: 1px black solid;
	border-right: 1px black solid;
}

	.TableBorderReport td {
		border-left: 1px black solid;
	}

	.TableBorderReport th {
		border-left: 1px black solid;
		border-bottom: 1px black solid;
	}
/*Icon Nav*/
#iconTray{
	display:block;
	position: absolute;
	margin:-6px 0 0 0;
	padding:2px 0 0 0;
	left:0;
	width:100%;
	height:211px;
	background: url(../images/iconNav-bg.jpg) repeat-x 0 0;

}
/* Calendar */
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    /*background:url(calendar.png) no-repeat;*/
    background:#4168BD;    
    color:#FFFFFF;
    font-size:9pt;
}
.MyCalendar .ajax__calendar_container td {
    padding:0px;
    margin:0px;
    background:#193E73;
    border:0px solid #fff;
    color:#fff;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {    
    color:#FFD630;
    padding:0px;
    margin:0px;    
    background:#193E73;
    border:1px solid #193E73;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day {
    color:#bbb;
    background:#193E73;
    border:1px solid #193E73;
}
.MyCalendar .ajax__calendar_day,
.MyCalendar .ajax__calendar_month,
.MyCalendar .ajax__calendar_year {
    color:#fff;    
    background:#193E73;
    border:1px solid #193E73;    
}
.MyCalendar .ajax__calendar_day:hover,
.MyCalendar .ajax__calendar_month:hover,
.MyCalendar .ajax__calendar_year:hover {
    color:#fff;    
    background:#0066CC;
    border:1px solid #fff;    
}
.calOnlyOneDay .ajax__calendar_header .ajax__calendar_title{
   background:#fff;
}
.calOnlyOneDay .ajax__calendar_days td{
   padding:0px 150px 0px 65px;
   text-align:center;
}
.calOnlyOneDay .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year{
   background:#193e73;
   color:#FFFFFF;
}
.calOnlyOneDay .ajax__calendar_other .ajax__calendar_day{
   background:#999999;
}
.calOnlyOneDay .ajax__calendar_hover .ajax__calendar_day, .ajax__calendar_other .ajax__calendar_day:hover{
   background:#0066FF;
}
.calOnlyOneDay .ajax__calendar_today{
   color:#FFFFFF;
   margin:0 0 0 -1450px;
}
.nav_messages{
	display:block;
	position:relative;
	overflow:hidden;
	background:#0E2A55;
	border:1px solid #00529E;
	border-left:0;
	border-right: 0;
	margin:0 0 10px 0;
	padding: 2px 20px;
}
.nav_messages li{
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:2px;
	border:1px solid #EDEDD1;
	background: url(../images/btn_bg.png) repeat-x center center;
	-moz-border-radius:	4px;
	-webkit-border-radius: 4px;
}
.nav_messages li a{
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:8px 10px;
	color:#0E2A55;
	text-shadow: 1px 1px 1px white;
}
.nav_messages li a:hover, .nav_messages li a:focus{
	
	color:#0E2A55;
	font-variant:normal;
	font-style:normal;
}
.nav_messages li a.unread{	
	padding-left:25px;
	background-image: url(../images/unread.png);	
	background-position: 4px center;
	background-repeat: no-repeat;
}
.nav_messages li a.read{	
	padding-left:25px;
	background-image: url(../images/read.png);	
	background-position: 4px center;
	background-repeat: no-repeat;
}
.nav_messages li a#ctl00_composeMessage{
	padding-left:25px;
	background-image: url(../images/compose.png);	
	background-position: 4px center;
	background-repeat: no-repeat;
}
.linkButtoned {
    display:block;
    background: url(../images/btn_bg.png) repeat-x center center;
	-moz-border-radius:	4px;
	-webkit-border-radius: 4px;
    border:1px solid #00529E;
    padding:8px 10px;
    color:#000;
    margin-left:10px;
    margin-right:10px;
}

.linkButtoned:hover, .linkButtoned:focus{
	color:#0E2A55;
	font-variant:normal;
	font-style:normal;
}
.grv{
 border-width:1px;
 border-color:#000000;
}
.grv td, th{
 border-color:#000000;
}
.grvRowStyle{
  background-color:#dbdbb8;
  color:Black;
}
.grvRowStyle:hover{
 background-color:#f2f2f2;
}
.grvAlternatingRowStyle{
  background-color:#fff;
  color:Black;
}
.grvAlternatingRowStyle:hover{
 background-color:#f2f2f2;
}
.error
{
	color:#FF0000;
}
.success
{
 color:#008a00;
}
.successBoxed
{
 display:inline-block;
 color:#006600;
 background-color:#66FF66;
 padding:2px;
 margin:2px;
}
.xOfx{    
 display:inline-block;
 position:relative;
 border:2px solid #D7D9C1;
 padding:5px;
 margin:5px;
 background: url(../images/btn_bg.png) repeat-x scroll 0 -100px #F8F8EE;
 z-index:-1;
}
.discontinuedOption{
  display:block;
  background:url(../images/discontinued.png) no-repeat right;
  padding:0 16px 0 0;
  color:#BB0000;
  height:15px;
  z-index:10000;
 }
.paddedOption{
  padding:0 16px 0 0;
  height:15px;
}
.summaryDiv{
  color:#FCF9DC;
  background: #10377C;
  padding:1px 10px 1px 10px;
  border-style:solid;
  border-left-width:0px;
  border-right-width:0px;
  border-bottom-width:0px;
  border-top-width:1px;
  border-color:#FFFFFF;
}
.summaryDiv:hover{
  background:#2172FF;
  color:#FFFFFF;
}
.detailsDiv{
  border:solid 1px #10377C;
  border-width:1px;
  border-color:#10377C;
}
.popUpBlue{
  color:#FCF9DC;
  background: #10377C;
  padding:1px 10px 1px 10px;
  border-style:solid;
  border-left-width:1px;
  border-right-width:1px;
  border-bottom-width:1px;
  border-top-width:1px;
  border-color:#000000;
}
input[type=submit] {
    /*color: #0E2A55;*/
    /*background:url(../images/btn_bg.png);*/
    color: #FFF;
    background-color: #0E2A55; /* #4168BD;*/
    padding: 4px 8px 4px 8px;
    border: solid 1px #2172FF;
    border-style: groove;
    border-color: #2172FF;
    border-radius: 4px;
    cursor: pointer;
}
    input[type=submit]:hover {
        background: #10377C; /* #2172FF;*/
        color: #FFFFFF;
    }
.currentPage{
  color:#676767;
}
.h2{
    margin-left: 2px;
    font-weight:bold;
    font-size:20px;
}