/********************** CSS Proximita Document ***************************/

/* Created using Style Master from Western Civilisation CSS2 */

A:link
{color: #3366CC; text-decoration: none;}

A:visited
{color: #3366CC; text-decoration: none;
	}

A:active
{color: #3366CC; text-decoration: underline;
}

A:hover
{color: #999999; text-decoration: underline}

body{
	/*text-align:left;
	background-color: #FFFFFF;te
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	letter-spacing: .35pt*/
	
	margin: 10px 0px 0px 0px;
	font-size: 75%;
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	/*background: url(images/background.gif) center top fixed;*/
		

}


/******** list styles ****************************************************/

#list TD {
	text-align: left;
	border-bottom: 1px solid #CCEEFF;
	padding-left: 6px;
	color: #666;
	height: 26px !important;
	vertical-align: middle;
}




#list TR:HOVER TD {
	background-color: #93A8D0;
	color: :#999999;
}
	
#list .alternate TD {
	background-color: #C1D0E8;
}
	
#transactionList TD{
	text-align: left;
	border-bottom: 1px solid #CCEEFF;
	padding-left: 6px;
	color: #666;
	cursor: pointer;
	height: 26px !important;
	vertical-align: middle;
}

#InvoiceList TH{
	text-align: left;
	padding-left: 20px;
}
	
#InvoiceList TD{
	text-align: left;
	/*border-bottom: 1px solid #CCEEFF;*/
	padding-left: 20px;
	color: #666;
	cursor: pointer;
	height: 20px !important;
	vertical-align:left;
}	

#endTable{
	border-bottom: 1px solid #CCEEFF;
	width:100%;
}


#viaKList TD{
	text-align: center;
	border-bottom: 1px solid #CCEEFF;
	padding-left: 6px;
	font-weight:bold;
	height: 26px !important;
	vertical-align: middle;
}	

#subTitlePersonalInfo{
	text-align:left;
	color: #000000;
	font-weight:bold;
}

#subTitleViaKlix{
	margin-top:-10px;
	text-align:left;
	color: #000000;
	font-weight:bold;
	padding-left:20px;
}

#amountInfo{	
	margin-left:20px;
	position:absolute;
	text-align:left;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	color: #000000;
	font-weight:bold;
	background-color:#FFFF00;
	padding:3px 0px 3px 0px;
	width:auto;

}


.blankSpace{
	height: 30px !important;
}

/******** container styles ************************************************/

#container{
	padding-left:360px;
}

#footer{
	margin:0px;
	width:822px;
	background-color:#D5E3E6;
	height:50px;
	padding-top:5px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-weight:normal;
	/*border:1px solid #D5E3E6;
	background-color:#FFF;	*/
}


#body-container{
	/*margin:0px;
	width:1020px;
	border:1px solid #FFA200;
	background-color:#FFF;*/
	
	margin:0px;
	padding-botton:10px;
	width:820px;
	border:1px solid #D5E3E6;
	background-color:#FFF;
}

#title{

}

.actions{
	border-bottom-color:#FF0000;

}

#middle-container{
	margin-top:0px;
	margin-bottom:10px;
	width:770px;}
	
#menu-container{
	width:770px;
	height:35px;
}

#header {
	margin-bottom: 2em;
	text-align: left;
	padding-left: 0.5em;
}

img.weather{
	margin-top:10px 0 10 30;
	float:left;
	clear:both;
}

img.header{
	margin:0px;	
}

img.left{
	margin:5px 0px 0px 0px;
}

img.crab {
	margin: 10px 0px 10px 0px;
	border: 5px #D3E2EA solid;
}

	
/******** image positions ****************************************************/

#logo{
	padding-left:800px;
	background: url('../media/mpl_logo.gif') no-repeat bottom right;
	height:110px;
	width:150px;
}

.system_banner{
	background:url('../media/mpl_logo.gif') no-repeat 0px 0px; 
	color:#b80900;
	display:block;
	font-weight:bold;
	padding:90px 50px 80px 1px;
	
}

.system_footer{
	background:url('../media/footer.gif') no-repeat 0px 0px; 
	padding-bottom:33px;
}

/******** login view ********************************************************/

.infoLeftText{
    text-align:left;
    margin-left:10px;
    margin-top:-10px;
}

#login{
	padding-left:40px;
	background-color:#CCCCCC;
	height:60px;
	width:200px;
}

#login imput{
	padding-left:100px;
}

.records{
	text-align:right;
	color:#FF0000;;
	background-color:#CCCC99;	
	font-style:italic;
	
	font-weight:300;
}

#records1{
	text-align:right;
	color:#FF0000;;
	background-color:#CCCC99;	
	font-style:italic;
	
	font-weight:300;
}

TD.CellHeader {

    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    font-size: 10pt;
    text-align:right;
    padding-right:15px;
    color: #666;
    background-color: #11111 ;

}

TD.CellValue {
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    font-size: 10pt;
    background-color: #C1D0E8;
    border: 1px solid gray;
}


/******** error messages ****************************************************/


.system_message{
	/*background:url('../media/messagebox_warning.png') no-repeat 5px 5px; */
	color:#b80900;
	display:block;
	left:auto;
	font-weight:bold;
	padding:5px 10px 5px 250px;
	
	
}


/******** font styles ******************************************************/

#leftMenu{
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size:10px;
	padding-left:10px;
}


#subTotalLeft{
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size:12px;
	color:#FF0033;
	padding-left:445px;
}

#subTittleCenter{
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size:12px;
	color:#FF0033;
	background-color:#FFFF00;
	width:250px;
}

#buyInfo{
padding-left:35px;
text-align:left
}

.standard{
margin-top:-10px;
}

#blueButton{
background-color:#333366;
border-color:#333366;
color:#FFFFFF;

}

.blueButton{
background-color:#333366;
color:#FFFFFF;

}

.blueButtonDisabled{
	background-color:#CC3333;
	cursor:auto;
	}
/************************************ Breadcrumbs **************************/

#breadcrumbs{
	font-size:10px;
	color:#996600;
	font-family: "Tahoma", "Lucida Sans Unicode", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
	margin:5px 0px 0px 0px;
	width:820px;
	height:30px;
	padding-top:5px;
	padding-left:5px;
	clear:both;
	text-align:left;
}
	
#breadcrumbs a { text-decoration: underline;}

#breadcrumbs a:visited { 
	text-decoration: none;
	color: #003366;}

/***************************************************************************/
/* FROM THE ORIGINALLY SITE*/


#nav,
#nav ul 
{ /* all lists */
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
line-height: 1;
color: #000000;
background: #EEEEEE;
font-size: 13px}

#nav a
{display: block;
width: 170px;
padding: 4px 10px 3px 3px;
color: #FFFF99;
font-weight: normal;
text-decoration: bold}

#nav li { /* all list items */float: left;}

#nav li.nav-home a.img-home
{display: block;
width: 40px;
height: 12px;
/*border-right: 1px solid #eeeeee; */
padding: 0px 0px 0px 0px;
margin: 0px 5px 4px 0px;

font-weight: bold;
}

#nav li.nav-home:hover a.img-home, 
#nav li.nav-home.sfhover a.img-home 
{background-position: 0px -24px;}

#nav li.nav-about a.img-about
{width: 70px;
/*border-right: 1px solid #eeeeee;*/
padding: 0px 0px 0px 0px;
margin: 0px 5px 4px 0px;
color: #eeeeee;
font-weight: bold;
background: #333333}

#nav li.nav-about:hover a.img-about, 
#nav li.nav-about.sfhover a.img-about 
{background-position: 0px -24px;}

#nav li.nav-products a.img-products 
{width: 87px;
/*border-right: 1px solid #eeeeee;*/
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
color: #eeeeee;
font-weight: bold;
background: #333333}

#nav li.nav-products:hover a.img-products, 
#nav li.nav-products.sfhover a.img-products
{background-position: 0px -24px;}

#nav li.nav-reference a.img-reference
{width: 115px;
/*border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #eeeeee;
font-weight: bold;
background: #333333}

#nav li.nav-reference:hover a.img-reference, 
#nav li.nav-reference.sfhover a.img-reference 
{background-position: 0px -24px;}

#nav li.nav-contact a.img-contact 
{width: 80px;
/*border-right: 1px solid #eeeeee;*/
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
color: #eeeeee;
font-weight: bold;
background: #333333}

#nav li.nav-contact:hover a.img-contact, 
#nav li.nav-contact.sfhover a.img-contact 
{background-position: 0px -24px;}

#nav li.nav-sitetools a.img-sitetools 
{width: 65px;
/*border-right: 1px solid #eeeeee;*/
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
color: #eeeeee;
font-weight: bold;
background: #333333}

#nav li.nav-sitetools:hover a.img-sitetools, 
#nav li.nav-sitetools.sfhover a.img-sitetools 
{background-position: 0px -24px;}

#nav li.nav-news a.img-news
{width: 38px;
border-right: 0px solid #eeeeee;
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
color: #eeeeee;
font-weight: bold;
background: #333333}

#nav li.nav-news:hover a.img-news, 
#nav li.nav-news.sfhover a.img-news 
{background-position: 0px -24px;}

#nav li ul 
{ /* second-level lists */position: absolute;
width: 170px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border: solid #333333;
border-width: 0 1px 1px 1px}

#nav li ul ul 
{ /* third-and-above-level lists */ margin: -21px 0 0 150px;
border-width: 1px}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul 
{left: -999em;}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul
{/* lists nested under hovered list items */left: auto;}

#nav li:hover,
#nav li.sfhover
{background: #333333;}