﻿body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin:0 auto;
	background:#ffffff;
	text-align:center;
	line-height:160%
}
#wrapper {
	width:100%;
	background-color:#FFFFFF;
	text-align:left
}
a {
	text-decoration:none;
	font-size:11px;
	border: none;
	color:#666666
}
a:hover {
	text-decoration:underline; 
	border: none;
	color:#666666
}
a:visited {
	border: none;
	color:#666666
}
#content-container {
	background: url(images/bg-main.gif) repeat-y left;
	text-align:center;
	width:1014px;
	margin:0 auto
}
#content {
	padding:5px 0px 10px 0px;
	margin:0px 0px 0px 10px;
	width:1014px;
	height:auto
}
#header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #ffbb44;
	text-align:right;
	width:100%;
	height:auto;
	background: url(images/app-header-bg.gif) right
}
#clear {
	clear:both
}
#globe {
	float:left;
	margin:10px 0px 0px 0px;
  	width:128px;
	height:128px;
	background:url(images/ico_customerportal_128.gif)
}
#presto-logo {
	float:left;
	margin:40px 0px 0px 5px;
  	width:119px;
	height:54px;
	background:url(images/Logo.gif)
}
#customer-portal-label {
	float:left;
	margin:40px 0px 0px 5px;
  	width:115px;
	height:54px;
	background:url(images/CustomerPortal_ENG.gif)
}
#tabs {
	float:left;
	margin:10px 0px 0px 0px;
  	width:700px;
	height:20px
}

/* Tab navigation */
ul.primary {
    height: 30px;
}
ul.primary li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 30px;
}
ul.primary li a,
ul.primary li a:hover,
ul.primary li.selected a {
    display: block;
    padding: 30px 0 0 0;
    border: 0;
    background: none;
    height: 0px !important;
    height /**/:30px;
}
li#tab-general {
    background-image:url(images/tab-general.gif);
    width: 100px;
	height:22px
}
li#tab-servicecontracts {
    background-image:url(images/tab-servicecontracts.gif);
    width: 140px;
	height:22px
}
li#tab-invoices {
    background-image:url(images/tab-invoices.gif);
    width: 100px;
	height:22px
}
li#tab-contractprices {
    background-image:url(images/tab-contractprices.gif);
    width: 120px;
	height:22px
}
li#tab-documents {
    background-image:url(images/tab-documents.gif);
    width: 100px;
	height:22px
}
li#tab-statistics {
    background-image:url(images/tab-statistics.gif);
    width: 100px;
	height:22px
}
li#tab-placements {
    background-image:url(images/tab-placements.gif);
    width: 100px;
	height:22px
}

/*ul.primary {
	border-collapse: collapse;
	padding: 0 0 0 1em;
	white-space: nowrap;
	list-style: none;
	margin: 5px 5px 0px 5px;
	color:#666666;
	height: auto
}
ul.primary li { display: inline; }
ul.primary li a {
	background:url(images/tabs-bg.gif);
	border: 1px solid #2f62b9;
	border-bottom:#fff;
	padding: 0 1em;
	text-decoration: none;
	color:#666666
}
ul.primary li.active a {
	border: 1px solid #2f62b9;
	border-bottom: #fff 1px solid;
	color:#000000;
	background:url(images/tabs-selected.gif)
}
ul.primary li a:hover {
	border: 1px solid #2f62b9;
	background-color: #eee;
	border-color: #2f62b9;
	border-bottom-color: #eee;
	color:#333333;
	text-decoration: none
}
*//* Tab navigation */

#user {
	float:right;
	margin:0px 10px 0px 0px;
  	width:32px;
	height:32px;
	background:url(images/ico_user_32.gif)
}
#welcome-bar {
	float:left;
  	width:100%;
	height:18px;
	padding:3px 0px 0px 0px;
	background:url(images/topbarblue.gif)
}
#welcome-bar-text {
	float:right;
  	width:auto;
	margin-right:10px;
	color:#FFFFFF;
	height:18px
}
#topbar {
  	margin:0;
  	width:100%;
	height:auto !important;
	min-height:100px;
	height:100px;
	background:#FFFFFF
}
#main, .main, .main2  {
	margin:0;
	height:auto;
	min-height:250px
}
#main {
  	width:950px
}
.main {
  	width:950px
}
.main2 {
  	width:1200px
}
#main-popup {
  	width:800px
}
#main-content, .main-content, .main-content2 {
	float:left;
	padding:0px 10px 30px 10px;
	height:auto !important;
	min-height:300px;
	height:100%
}
#main-content {
	margin:0 auto;
	width:950px
}
#main-contentpopup {
	margin:0 auto;
	width:800px
}
.main-content {
  	width:950px
}
.main-content2 {
  	width:1100px
}
#welcome-text {
	float:left;
	margin:20px 0px 0px 0px;
	text-align:left;
	font-size:20px;
	color:#c5030b;
  	width:auto;
	height:25px
}
#breadcrumbs {
	clear:both;
	float:left;
	margin:0px 0px 0px 2px;
	font-size:10px;
	color:#000000;
  	width:auto;
	height:16px
}
a.breadcrumbs {
	text-decoration:none;
	font-size:10px;
	border: none;
	color:#3464ba
 }
a.breadcrumbs:hover {
	text-decoration:underline; 
	border: none;
	color:#3464ba
 }
a.breadcrumbs:visited {
	border: none;
	color:#3464ba
 }
#content-left {
	clear:both;
	float:left;
	margin:10px 0px 0px 0px;
  	width:50%;
	height:auto
}
#news-icon {
	float:left;
  	width:72px;
	height:72px;
	margin-bottom:10px;
	background:url(images/ico_news_72.gif)
}
#header-bg {
	float:left;
  	width:257px;
	height:20px;
	color:#FFFFFF;
	text-align:left;
	padding:3px 0px 0px 8px;
	margin:40px 0px 0px 10px;
	background:url(images/Section_Tab.gif)
}
#search {
	clear:both;
	float:left;
	width:221px;
	height:auto !important;
	height:200px;
	min-height:200px;
}
#main-right {
	float:left;
	width:auto
}
.main-right {
	float:right;
	width:auto
}
#left-01 {
	clear:both;
	float:left;
	width:auto
}
#arrow1 {
	clear:both;
	float:left;
  	width:13px;
	height:13px;
	margin-top:2px;
	background:url(images/link-arrow.gif) no-repeat
}
#link {
	float:left;
  	width:380px;
	text-align:left;
	padding-left:5px;
	height:auto
}
#contentDIV {
	float:left;
  	width:450px;
	text-align:left;
	padding-left:5px;
	height:auto
}
#salesrep-icon {
	float:left;
  	width:72px;
	height:72px;
	margin-bottom:10px;
	background:url(images/ico_Salesrep_72.gif)
}
#content-right {
	float:left;
	margin:10px 0px 0px 0px;
  	width:50%;
	height:auto
}
#corporateinfo-icon, #contractprices-icon, #documents-icon, #invoices-icon, #service-icon,
#org-icon, #inventory-icon, #transaction-history-icon, #budgeting-icon, #budgeting-icon2 {
 float:left;
   width:72px;
 height:72px;
 margin:5px 5px 10px 0
}
#corporateinfo-icon {
	margin:0 0 10px 0;
	background:url(images/ico_organization_72.gif)
}
#contractprices-icon {
	margin:5px 5px 10px 45px;
	background:url(images/ico_pricelist_72.gif)
}
#documents-icon {
	margin:5px 5px 10px 45px;
	background:url(images/ico_documents_72.gif)
}
#invoices-icon {
	background:url(images/ico_invoices_72.gif)
}
#service-icon {
	background:url(images/ico_secviceontracts_72.gif)
}
#org-icon {
	background:url(images/ico_organization_72.gif)
}
#inventory-icon {
	background:url(images/ico_inventory_72.gif)
}
#transaction-history-icon {
	background:url(images/ico_transhistory_72.gif)
}
#budgeting-icon {
 background:url(images/ico_budgeting_72.jpg)
}
#budgeting-icon2 {
 background:url(images/ico_budgeting_72.jpg)
}

#tableheadleft, #tableheadright, #tableheadbottom, #tablegrid, #tablegrid-right {
	height:19px;
	text-align:left;
	padding-left:5px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:url(images/tableheadbg.gif)
}
#tableheadleft {
	float:right;
  	width:411px;
	margin-right:10px
}
#tableheadright {
	float:left;
  	width:411px;
	margin-left:10px
}
#tableheadbottom {
	float:left;
  	width:849px !important;
  	width:866px;
	margin-left:47px !important;
	margin-left:19px
}
#tablebodyleft, #tablebodyright, #tablebodybottom {
	clear:both;
  	width:400px;
	height:auto;
	min-height:80px;
	padding:8px;
	text-align:left;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC
}
#tablebodyleft {
	float:right;
  	width:400px;
	margin-right:10px
}
#tablebodyright {
	float:left;
  	width:400px;
	margin-left:10px
}
#tablebodybottom {
	float:left;
  	width:838px !important;
  	width:855px;
	margin-left:47px !important;
	margin-left:19px
}
#contentDIVleft2 {
	float:left;
	width:100px
}
#contentDIVleft {
	float:left;
	width:120px
}
#contentDIVright {
	float:left;
	width:300px
}
#tablegrid {
	float:left;
  	width:849px !important;
  	width:866px;
	margin-left:47px !important;
	margin-left:19px;
	padding-left:0px;
	border:none;
	height:auto;
	background:none
}
#tablegridpopup {
	float:left;
  	width:649px !important;
  	width:666px;
	margin-left:47px !important;
	margin-left:19px;
	padding-left:0px;
	border:none;
	height:auto;
	background:none
}
#tablegrid-right {
	float:left;
  	width:849px !important;
  	width:866px;
	padding-left:0px;
	border:none;
	height:auto;
	background:none
}
#chart {
	float:left;
	padding-left:0px;
	height:auto;
}
.gridheader
{
	padding:3px;
	vertical-align:top;
	border-left:1px solid #CCCCCC;
	background:url(images/gridheader.gif);
	height:20px
}
.gridalternate
{
	padding:3px;
	height:20px;
	color:#333333;
	border-left:1px solid #CCCCCC;
	background-color:#F8F8F8;	
	vertical-align:top
}
.gridalternatebtm
{
	padding:3px;
	background-color:white;
	height:20px;
	color:#333333;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background-color:#F8F8F8;	
	vertical-align:top
}
.gridrow2
{
	padding:3px;
	font-size: 11px;
	font-family: Arial;
	font-variant: normal;
	background-color:white;
	vertical-align:middle;
	height:20px;
	border-color:#CCCCCC;
	border-bottom-color:White;
	border-top-color:White
}
.gridrow {
	padding:3px;
	background-color:white;
	height:20px;
	font-family:Arial;
	color:#333333;
	font-size:11px;
	border-left:1px solid #CCCCCC;
	vertical-align:top
}
.gridrowbtm {
	padding:3px;
	background-color:white;
	height:20px;
	font-family:Arial;
	font-size:11px;
	color:#333333;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	vertical-align:top
}
.gridselectedrow
{
	padding:3px;
	font-size: 11px;
	font-family: Arial;
	font-variant: normal;
	color:Red;
	background-color:#FFFFEA;
	vertical-align:middle;
	height:10px;
	cursor:hand
}
.textbox {
	font-size:9px;
	height:17px
}
.search-txtbox {
	font-size:9px;
	width:100px;
	border:1px solid #2f62b9;
	height:15px
}
.search-listbox {
	font-size:9px;
	margin:2px 0 2px 0;
	text-align:right;
	border:1px solid #2f62b9;
	height:17px
}
#search-icon {
	float:left;
	margin:10px 0px 0px 10px;
  	width:36px;
	height:36px;
	background:url(images/ico_search_36.gif)
}
#search-text {
	float:left;
	font-size:20px;
	color:#2657ae;
	margin:21px 0px 0px 30px;
  	width:auto;
	height:36px
}
#search-label {
	clear:both;
	float:left;
	margin:2px 0px 0px 10px;
  	width:90px;
	text-align:left
}
#search-txtbox {
	float:left;
	margin:0px;
  	width:90px;
	text-align:left
}
#labelDIV {
	clear:both;
	float:left;
	margin:1px 0px 0px 10px;
  	width:120px;
	text-align:left
}
#txtboxDIV {
	float:left;
	margin:0px;
  	width:250px;
	text-align:left
}
#txtboxDIV2 {
	float:left;
	margin:0px;
  	width:180px;
	text-align:left
}
#buttonDIV {
	float:left;
	margin:0px;
  	width:50px;
	text-align:left
}
#search-start-icon {
	float:right;
	margin:10px 5px 0px 0px;
  	width:23px;
	height:23px;
	background:url(images/Startsearch_ico_23.gif)
}
#search-refresh-icon {
	float:right;
	margin:10px 17px 0px 0px;
  	width:23px;
	height:23px;
	background:url(images/ico_searchrefresh_23.gif)
}
#close-search {
	float:left;
	margin:10px 17px 0px 0px;
	padding-left:20px;
	text-align:left;
  	width:100px;
	height:23px;
	background:url(images/ico_searcharrow_20.gif) no-repeat
}
a.close-search {
	text-decoration:none;
	font-size:13px;
	border: none;
	color:#2f62b9
}
a.close-search:hover {
	text-decoration:underline; 
	border: none;
	color:#2f62b9
}
a.close-search:visited {
	border: none;
	color:#2f62b9
}
a.gridrow:active {
	text-decoration:underline; 
	border: none;
	color:#2f62b9
}

.textBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	height: 17px;
	width:130px;
	border: 1px solid #999999
}
.mediumredheadertext{
	font-family:Arial;
	color:Red;
	font-size:12px;
	font-weight:bold; 
	font-variant: normal;
}
.errorsmalltext
{
	font-size: 11px;
	color: red;
	font-family: Arial;
	font-variant: normal;
}
.smallheadertext
{
	font-weight: bold;
	font-size: 10px;
	color: #FF0000;
	font-family: Arial;
	font-variant: normal;
}
.tableBorder1 {
	border: 1px solid #757575;
}
.tableHead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #999999
}
.logo_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size-adjust:inherit;
	padding-left:10px;
	color: #b7000b
}
.versionTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:-0.03em;
	color: #000000;
	padding-left:10px
}
.pricelist{font-size:19px;color:#3a6bbe}
#pricelistdiv{float:right;width:400px;height:30px;text-align:right;padding:9px 47px 0 0;background:url(images/icon_reader.gif) top right no-repeat}
.OrgHeader
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
