@CHARSET "ISO-8859-1";
.balloonstyle{
position:absolute;
top: -520px;
left: 0px;
padding: 5px;
visibility: hidden;
border:solid 1px rgb(70,122,167);
font:normal 10px Verdana;
line-height: 16px;
z-index: 99999;
background-color: white; 

width: 180px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99998;
position:absolute;
top: -520px;
left: 0px;
visibility: hidden;
}

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
 img {border:none;}
.page-container {position:absolute; width:750px; height:546px; z-index:1; margin:0px auto; margin-top:10px; margin-bottom:10px; margin-left:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.disabled {color:rgb(180,180,180); }


/* HEADER */
.header {position:absolute; width:746px; height:90px; z-index:2;  border-style: solid; border-color:rgb(220,220,220); border-width: thin; overflow: visible;  }
.header  .page_title {clear:both; margin:0px 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(220,220,220); font-weight:100; font-size:210%; font-style:italic;  }
.header  .company_text {clear:both; margin:0px 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(220,220,220); font-weight:100; font-size:150%; font-style:italic; }
.header  a {clear:both; margin:0px 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(220,220,220); font-weight:100; font-size:176%; font-style:italic; text-decoration:underline;}
.header .text_small {clear:both; margin:0px 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(220,220,220); font-weight:normal; font-size:130%; font-style:normal; }
.header tr {vertical-align:text-top;}
.header h4 {font-family:"trebuchet ms",arial,sans-serif; color:rgb(220,220,220);}
.header img {clear:both; margin:0px 0px 0px 0px; padding:  margin:0px 0px 0px 0px;}

/* BRANDING for use with white labelled customers */
.header  .logo_tm {background:url(img/header-for-system-flat.jpg) no-repeat; }  
.header  .logo_generic {background-image:url(img/header-for-system-generic.jpg);} 
.header  .logo_atom {background-image:url(img/logo_atom_header.jpg);} 
.header .logo_printurmenu {background-image:url(img/logo_printurmenu.jpg);} 
.header .logo_mbsystem {background-image:url(img/logo_mbsystem.jpg);} 
.header .logo_jag {background-image:url(img/logo_jag.jpg);} 
.header .logo_harlequin {background-image:url(img/logo_harlequin.jpg);}
.header .logo_5rivers {background-image:url(img/logo_5riversdirect.jpg);}
.header .logo_sizzle {background-image:url(img/logo_sizzle.jpg);}
.header .logo_collins {background-image:url(img/logo_collins.jpg);}
.header .logo_ardeerdesign {background-image:url(img/logo_ardeerdesign.jpg);}
.header .logo_smsmediaservices {background-image:url(img/logo_smsmediaservices.jpg);}
.header .logo_boatShow365 {background-image:url(img/logo_boatShow365.jpg);}
.header .logo_yantra {background-image:url(img/logo_yantra.jpg);}
.header .logo_incomms {background-image:url(img/logo_incomms.jpg);}
.header .logo_excalibur {background-image:url(img/excalibur.jpg);}
.header .logo_ezheader {background-image:url(img/logo_ezheader.jpg);}
.header .logo_supersonic {background-image:url(img/logo_supersonic.jpg);}
.header .logo_maverick {background-image:url(img/logo_maverick.jpg);}
.header .logo_cusineNet {background-image:url(img/logo_cusineNet.jpg);}
.header .logo_travelBulletin {background-image:url(img/logo_travelBulletin.jpg);}
.header .logo_foneMedia {background-image:url(img/logo_foneMedia.jpg);}
.header .logo_fusionVBS {background-image:url(img/logo_fusionVBS.gif);}
.header .logo_way2go {background-image:url(img/logo_way2go.jpg);}  
.header .logo_YIPEE {background-image:url(img/logo_YIPEE.jpg);}  
.header .logo_ddl_group {background-image:url(img/logo_ddl_group.gif);}  
.header .logo_Boudicca {background-image:url(img/logo_Boudicca.jpg);}  
.header .logo_regionaltelecom   {background-image:url(img/logo_regionaltelecom.jpg);}
.header .logo_cyclops {background-image:url(img/logo_cyclops.jpg);}
.header .logo_nader {background-image:url(img/logo_nader.jpg);}
.header .logo_datasharps {background-image:url(img/logo_datasharps.gif);}
.header .logo_theonepoint {background-image:url(img/logo_theonepoint_banner.jpg);}

.nav2 { position:absolute;  left:2px; top:92px; width:746px; height:36px; z-index:99;  border:none; background:rgb(220,220,220) url(menu/bg_head_bottom_nav.jpg) repeat-x; color:rgb(75,75,75); font-size:0.5em; font-size:115%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:1000; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li ul {display:none; border:none;}
.nav2 ul li ul {margin-left:-30px; padding:0 30px 30px 30px; background:url(menu/bg_head_bottom_nav_hover.gif) top center;} /*Sticky hover zones*/
.nav2 ul li a {float:left; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:normal; color: rgb(100,100,100);}
.nav2 ul li:hover {width:auto;}
.nav2 table {position:absolute; z-index:999; top:0px; left:0; border-collapse:collapse;}

/*Non-IE6*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; position:absolute; z-index:998; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li ul {display: none;}
.nav2 ul li:hover ul li a {display:block; width:14em; height:auto; font-size:80%; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6*/
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; position:absolute;z-index:997; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

.main-content { position:absolute; left:14px; top:138px; width:722px; height:360px; z-index:3;  }
.main-content .label_text {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:176%;}
.main-content .small_text {clear:both; margin:0 3px 0px 3px; color:rgb(80,80,80); font-weight:normal; font-size:100%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-content .message {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:150%;}
.main-content .option_text_small {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:130%;}

.main-content .disabled {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,200,200); font-weight:normal; font-size:150%;}
.main-content .option_text {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:150%;}
.main-content .button-border { clear:both; border:solid 1px rgb(70,122,167); }
.main-content input.clear { clear:both; border:none;}
.main-content p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content .green-border { border:solid 1px rgb(220,220,220); }
.main-content a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main-content .red_text {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:120%;}
.main-content input { border:solid 1px rgb(105,185,212); background-color:rgb(217,239,185); font-size:120%;}
.main-content textarea { padding:2px; border:solid 1px rgb(105,185,212); background-color:rgb(217,239,185); font-size:120%; word-wrap:break-word;}
.main-content select { border:solid 1px rgb(105,185,212); background-color:rgb(217,239,185); font-size:120%; }
.main-content td.line-small { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:110%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }

.generate_invoice input  {border: none;}
.ui-dialog-content {font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:150%;}

.action-content { position:absolute; left:14px; top:502px; width:722px; height:60px; z-index:6;  margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(70,122,167); font-weight:normal; font-size:176%;}
.action-content .button-border { border:solid 1px rgb(70,122,167); }
.action-content a { font-family:"trebuchet ms",arial,sans-serif; color:rgb(70,122,167); font-weight:normal; font-size:100%; font-weight:normal; text-decoration:none; }

.form-content { position:absolute; left:14px; top:138px; width:722px; height:130px; z-index:5;}
.form-content .label_text {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:176%;}
.form-content .small_text {clear:both; margin:0 3px 0px 3px; color:rgb(80,80,80); font-weight:normal; font-size:100%;} /* Note: h2 not existent, to make identical to formats for form-navigation for easier exchange */
.form-content .message {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:150%;}
.form-content .option_text {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:150%;}
.form-content .green-border { border:solid 1px rgb(220,220,220); }
.form-content p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.form-content p.center {text-align:center;}
.form-content p.right {text-align:right;}
.form-content .grey-border { border:solid 1px rgb(220,220,220); }
.form-content a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.form-content a:hover {color:rgb(42,90,138); text-decoration:underline;}

.form-content input { border:solid 1px rgb(105,185,212); background-color:rgb(217,239,185); font-size:120%; }
.form-content input.clear	 { clear:both; border:none }
.form-content textarea { padding:2px; border:solid 1px rgb(105,185,212); background-color:rgb(217,239,185); font-size:120%; word-wrap:break-word;}
.form-content select { border:solid 1px rgb(105,185,212); background-color:rgb(217,239,185); font-size:120%; }
.form-content .button-border { border:solid 1px rgb(70,122,167); }


.column-content { position:absolute; left:14px; top:282px; width:722px; height:28px; z-index:6; border-bottom:solid 1px;  border-color:rgb(220,220,220); }
.column-content .label_text {clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:176%;}
.column-content .option_text {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:150%;}


.list-content { position:absolute; left:14px; top:310px; width:730px; height:180px; z-index:7; overflow:auto;  }
.list-content .green-border { border:solid 1px rgb(220,220,220); }
.list-content td.line { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:120%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.list-content td.line-stop-keyword { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(26,144,0); font-weight:bold; font-size:120%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.list-content td.line-merge-group { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(26,144,111); font-weight:bold; font-size:120%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.list-content a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.list-content a:hover {color:rgb(42,90,138); text-decoration:underline;}


.full-column-content { position:absolute; left:14px; top:156px; width:710px; height:28px; z-index:6; border-bottom:solid 1px;  border-color:rgb(220,220,220); }
.full-column-content .label_text {clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:176%;}
.full-column-content .option_text {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:150%;}
.full-column-content a {color:rgb(42,90,138); font-weight:bold; text-decoration:none; font-size:80%;}
.full-column-content a:hover {color:rgb(42,90,138); text-decoration:underline;}

.full-column-content_2 { position:absolute; left:14px; top:340px; width:710px; height:28px; z-index:6; border-bottom:solid 1px;  border-color:rgb(220,220,220); }
.full-column-content_2 .label_text {clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:176%;}
.full-column-content_2 .option_text {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:150%;}
.full-column-content_2 .option_disabled {clear:both; margin:0 3px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(180,180,180); font-weight:normal; font-size:150%;}

.full-column-content_2 a {color:rgb(42,90,138); font-weight:bold; text-decoration:none; font-size:80%;}
.full-column-content_2 a:hover {color:rgb(42,90,138); text-decoration:underline;}

.full-list-content_1 { position:absolute; left:14px; top:184px; width:730px; height:150px; z-index:7; overflow:auto;  }
.full-list-content_1 .green-border { border:solid 1px rgb(220,220,220); }
.full-list-content_1 td.line { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:120%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content_1 td.normal_text { clear:both; margin:0px 0px 20px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(50,50,50); font-weight:normal; font-size:120%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content_1 td.line-small { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:110%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content_1 td.line-history-small { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(180,180,180); font-weight:normal; font-size:100%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content_1  a {color:rgb(42,90,138); font-weight:bold; text-decoration:none;}
.full-list-content_1  a:hover {color:rgb(42,90,138); text-decoration:underline;}


.full-list-content_2 { position:absolute; left:14px; top:368px; width:730px; height:150px; z-index:7; overflow:auto;  }
.full-list-content_2 .green-border { border:solid 1px rgb(220,220,220); }
.full-list-content_2 td.line { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:120%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content_2 td.normal_text { clear:both; margin:0px 0px 20px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(50,50,50); font-weight:normal; font-size:120%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content_2 td.line-small { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:110%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content_2 td.line-history-small { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(180,180,180); font-weight:normal; font-size:100%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content_2  a {color:rgb(42,90,138); font-weight:bold; text-decoration:none;}
.full-list-content_2  a:hover {color:rgb(42,90,138); text-decoration:underline;}

.full-list-content { position:absolute; left:14px; top:184px; width:730px; height:290px; z-index:7; overflow:auto;  }
.full-list-content .green-border { border:solid 1px rgb(220,220,220); }
.full-list-content td.line { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:120%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content td.normal_text { clear:both; margin:0px 0px 20px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(50,50,50); font-weight:normal; font-size:120%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content td.line-small { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,100,100); font-weight:normal; font-size:110%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content td.line-history-small { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(180,180,180); font-weight:normal; font-size:100%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }

.full-list-content td.line-history { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(180,180,180); font-weight:normal; font-size:120%; border-bottom:solid 1px;  border-color:rgb(220,220,220);  }
.full-list-content a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.full-list-content a:hover {color:rgb(42,90,138); text-decoration:underline;}
.full-list-content tr.old  { clear:both; margin:0 0px 0px 0px;  font-family:"trebuchet ms",arial,sans-serif; color:rgb(200,200,200); font-weight:normal; font-size:150%;  }

.full-next-prev { position:absolute; left:14px; top:482px; width:722px; height:18px; z-index:8; overflow:hidden;  }
.full-next-prev a { margin: 0px 20px 0px 20px; color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.full-next-prev a:hover { margin: 0px 20px 0px 20px;  color:rgb(42,90,138); text-decoration:underline;}

/* ADDRESS BOOK */
.linkText {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.linkText:hover {color:rgb(70,122,167); font-weight:bold; text-decoration:underline;}

.grey_row { background-color:rgb(220,220,220); font-size:110%; }
.light_grey_row { background-color:rgb(240,240,240); font-size:110%;}
.deselect { background-color:rgb(255,255,255); font-size:90%;}
.highlight {font-weight: bold;}
.search_list table {border-collapse: collapse; }
.search_list td {padding: 5px 5px 5px 5px;}
.search_list {height:170px; z-index:7; overflow:auto;  }


.contact_list {height:300px; width:350px; z-index:7; overflow:auto;  border:solid 1px rgb(105,185,212); background-color:rgb(255,255,255,255);}
.contact_list td {padding-left: 5px  }

/* New Delivery Reports */

.report_list table {border-collapse: collapse; }
.report_list td {padding: 5px 5px 5px 5px; text-align:right}
.report_list {height:200px; z-index:7; overflow:auto;  }

#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
	z-index: 99999;
	
}
#bubble_tooltip .bubble_top{
	background-image: url('img/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('img/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-size:11px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}

#bubble_tooltip .bubble_bottom{
	background-image: url('img/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}