html, body, * {
	font-family: Arial;
	font-size: 12px;
	margin:0;
	padding:0;
}
a
{
	text-decoration:none;
	color: #005e57;
}
img
{
	border:none;
}

input.button {
	background: url(images/fade_green.jpg) repeat-x scroll 0 0 #003D38;
	border:1pt solid #333333;
	color:White;
	margin-right:10px;
	padding:2px 8px;
}

input[type="submit"], input[type="button"], input[type="reset"] {
	background: url(images/fade_green.jpg) repeat-x scroll 0 0 #003D38;
	border:1px solid black;
	color:White;
	margin-right:10px;
	padding:2px 8px;
}

#header
{
	position:relative;
	height:10%;
}
#header, #header #logo, #header h1.logo{
	margin:0;
	padding:0;	
}
#header h1.logo span
{
	display:block;
	padding-top:2px;
	padding-bottom:4px;
	font-size:1.8em;
	
}
#header h1.logo img
{
	margin-top:5px;
	
	margin-bottom:5px;
}

#header
{
	
}
#header div.quick-links
{
	position:absolute;
	bottom:5px;
	right:0;
	padding:0;
	margin:0;
	padding-right:2%
}
#header div.quick-links a 
{
	color:#005e57;
	text-decoration:none;
}


#navigation-bar ul {
	height:36px;
	line-height:normal;
	overflow:hidden;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
#navigation-bar li {
	background:url(images/navibar-middle.jpg) repeat-x;
	float:left;
	
}

#navigation-bar li.selected {
	background:url(images/navibar-selected-tab.jpg) repeat-x top left;
	float:left;
	
}

#navigation-bar li a {
	display:block;
	padding:11px 12px 7px 12px;
	color:#FFFFFF;
	font-weight: bold;
	background: transparent url(images/navigation-bar-tab-delimiter.jpg) no-repeat scroll left top;
}

#navigation-bar li.selected a {
	color:#005E57;
}

#navigation-bar
{
	background: url(images/navibar-middle.jpg) repeat-x;
	height:36px;
	
	overflow:hidden;
}

#navigation-bar .navibar-left
{
	background: url(images/navibar-left.jpg) no-repeat top left;
	height:36px;
	width:12px;
	float:left;
}
#navigation-bar .navibar-right
{
	background: url(images/navibar-right.jpg) no-repeat top left;
	height:36px;
	width:12px;
	float:right;
	/*margin-right:0;
	margin-left:auto;*/
}



#navigation-bar span.arrow_down
{
	background:url(images/arrow_down.gif) no-repeat top right;
	margin-top:8px;
	width: 20px;
	height: 20px;
	float:left;
}

#navigation-bar li.combo-list-item a.combo-item
{
	background:None; /*url(images/navigation-bar-tab-delimiter.jpg) repeat-x top right;*/
	padding-right:36px;
	font-weight:bold;
}

#navigation-bar li.combo-list-item a.combo-item:hover
{
	background-color:Gray;
}

#top-box
{
	position:relative;
	margin:0;
	padding:0;	
	clear:both;	
	height:100%;
	
	border-bottom:solid 1px #ddd;
	background: url(images/top-box-middle.jpg) repeat-x top left;
	background-color:#f9f9f9;
}

#top-box .top-box-left
{
	position:absolute;
	left:0;
	top:0;
	width:6px;	
	/*height:160px;*/
	height:100%;
	background: url(images/top-box-left.jpg) no-repeat top left;
}
#top-box .top-box-right
{
	position:absolute;
	right:0;
	top:0;
	width:6px;	
	/*height:160px;	*/
	height:100%;
	background: url(images/top-box-right.jpg) no-repeat top left;
}

#top-box #top-box-content
{	
	padding-top:8px;
	padding-left:6px;
	
	background: url(images/top-box-right.jpg) no-repeat top left;
	
}

#top-box ul.second-level-navigation
{
	display:block;
	clear:both;
	height:32px;
	border-bottom:solid 1px #e9e9e9;
}
#top-box ul.second-level-navigation li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:12px;
}

#top-box ul.second-level-navigation li a 
{
	display:block;
	float:left;
	padding-top:8px;
	padding-right:8px;
	color:#005e57;
	text-decoration:underline;
	font-weight:bold;
}

#top-box ul.second-level-navigation li span 
{
	display:block;
	float:left;
	padding-top:8px;
	padding-right:8px;
	color:#aaa;
	text-decoration:none;
	font-weight:bold;
}


#top-box ul.second-level-navigation li.selected a
{
	text-decoration:none;
	color:#000;
}


#footer, #footer a
{
	color:#005e57;
	text-decoration:none;
}

#footer
{
	margin-left:2%;
	margin-right:2%;
	text-align:center;
	padding-top:10px;
	margin-top:40px;
	border-top:solid 1px #e9e9e9;
}

/*style="border:none;background-color:transparent;padding-bottom:10px;margin:0;"*/
div#pagination
{
	border:none;
	background:transparent;
	/*padding-bottom:10px;*/
	margin:0;
	height:20px;
	overflow:hidden;
}
div#pagination span { display:block;float:left;height:14px;vertical-align:bottom;}
div#pagination a { display:block;float:left;height:14px; background: url(images/fade_green.jpg) repeat-x scroll 0 0 #003D38; }

div.clear { overflow:hidden;height:1px;}

div.currentaction
{
	height:1.8em;
	clear:both;	
	color:#666;
}
div.currentaction div.action div.icon
{
	display:block;
	padding-top:2px;
	margin-right:5px;
	float:left;
}

div.currentaction div.action
{
	padding:0;
	height:20px;
	float:left;
}
div.currentaction div.action div.description
{
	display:block;
	padding-top:2pt;
	margin:0;
	white-space:nowrap;	
}

div.currentaction div.tools
{
	padding:0;
	background:none;
	margin-right:0;
	margin-left:auto;
	margin-top:3px;
	float:right;
	padding-right:6px;
}

div.currentaction div.menutoolbar
{
	display:inline;
	padding-top:20pt;
	margin:0;
	white-space:nowrap;	
}

div.breadcrumb
{
	/*width: 96%;*/	
	/*height:50px;*/
/*	margin-left:2%;
	margin-right:2%;
	padding-left:8px;*/
}

div.jGrowl div.warning
{
	background: #000; /*url(images/notification_success.png) no-repeat;*/
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
	width: 					100%;
	overflow: 				hidden;
}

div.jGrowl div.success 
{
	background: #060; /*url(images/notification_success.png) no-repeat;*/
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
	width: 					100%;
	overflow: 				hidden;
}

div.jGrowl div.error 
{
	background: #600; /*url(images/notification_success.png) no-repeat;*/
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
	width: 					100%;
	overflow: 				hidden;
}

/* Begin service selection */
#supplierWebList 
{
	background-color: #222;
	z-index: 3;
	margin-top:0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	opacity:0.9;
}

#supplierWebList li 
{
	display:block;
	color: #FFF;
	list-style-type:none;
	padding: 0px;
}

#supplierWebList li a {
	text-decoration: none;
	color: #FFF;
}
/* End service selection */

/* Begin portal selection */

#portalChangerInner 
{
	padding: 0 0 40px 20px;
	display: none;
	color: white;
	position: absolute;
	right: 33px;
	width: 500px;
	z-index: 1001;
}

#portalChangerOuter 
{
	display: none;
	filter: alpha(opacity = 70);
	opacity: 0.7;
	border: 1px solid black;
	background: black;
	position: absolute;
	right: 33px;
	width: 480px;
	height:10px;
	padding: 10px;
	z-index: 1000;
}

#portalChangerContent h2 a 
{
	color: White;
}

/* End portal selection */


/* POPUP styling */
#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #666666;  
	z-index:1;  
 }  
 #popupContact{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	width:408px;  
	background:#FFFFFF;  
	border:2px solid #666666;  
	z-index:2;  
	padding:12px;  
	font-size:13px;  
 }  

#popupContactClose{  
	font-size:14px;  
	line-height:14px;  
	right:6px;  
	top:4px;  
	position:absolute;  
	color:#333333;  
	font-weight:700;  
	display:block;  
	cursor: pointer;
 }  
 
 .popup *
 {
 	margin: 6px;
 }
 
  
 .popup select option 
 {
 	margin: 0;
 }
 
 /* end with popup */
 
 /* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(../images/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:350px; 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}