html{
	background:#f0f0f0 url(../images/bg_site.png) left top repeat-x;
	height: 100%
	}

body{
	color:#666;
	text-rendering: optimizeLegibility;
	}

/*****************************
1.) #head	
/****************************/	
	
				
	#top .logo a{
		background:transparent url(../images/logo.png) left top no-repeat;
		}

	#site-menu {
		position: relative;
		float: right;
		margin-right: 15px;
		top: -1px;
		height: 38px;
		/* drop shadow */
		-webkit-box-shadow: rgba(0,0,0,.2) 0px 3px 10px;
		-moz-box-shadow: rgba(0,0,0,.2) 0px 3px 10px;
		box-shadow: rgba(0,0,0,.2) 0px 3px 10px;
		-webkit-border-bottom-right-radius: 9px;
		-moz-border-radius-bottomright: 9px;
		border-bottom-right-radius: 9px;
		-webkit-border-bottom-left-radius: 9px;
		-moz-border-radius-bottomleft: 9px;
		border-bottom-left-radius: 9px;			
		}
		
		#site-menu a.signup {
			float: right;
			background-color: #61ab54;
			font-family: Trebuchet MS;
			font-style: italic;
			font-size: 1.6em;
			line-height: 1.8em;
			text-decoration: none;
			color: #fff;
			height: 38px;
			padding: 0px 20px;
			
			-webkit-border-bottom-right-radius: 9px;
			-moz-border-radius-bottomright: 9px;
			border-bottom-right-radius: 9px;
			}
		
		#site-menu a.signup:hover {
			background-color: #599f4d;			
			}
			
		#site-menu a.frlang,
		#site-menu a.contactus,
		#site-menu a.login {
			float: right;
			background-color: #4f4d4e;
			text-decoration: none;
			font-size: 1em;
			line-height: 3em;
			color: #fff;
			height: 38px;
			padding: 0px 10px;
			}
			
		#site-menu a.frlang:hover,
		#site-menu a.contactus:hover,
		#site-menu a.login:hover {
			text-decoration: underline;
			background-color: #585858;
			}
			
		#site-menu a.frlang {
			padding-right: 20px;			
			}
		
		#site-menu a.login {
			padding-left: 20px;
			-webkit-border-bottom-left-radius: 9px;
			-moz-border-radius-bottomleft: 9px;
			border-bottom-left-radius: 9px;			
			}
	
	
/*****************************
2.) #main
/****************************/		
			.main_bg_home{
			/*	required to fix an issue with the homepage gallery which original theme
				author did not take into account. SIMON */
				background:transparent url(../images/bg_slice3.png) left -8px no-repeat;
			}

			.main_bg_site{
				position: relative;
				background:transparent url(../images/bg_slice.png) repeat-y scroll center top;
			}

			#main{
			 /* background style moved to .main_bg_home and .main_bg_site */
			}
			
/*****************************
3.) #mainpage image slider
/****************************/

				.featured_bg_home{
					background:transparent url(../images/bg_slice3.png) center top repeat-y;
					color:#f5f5f5;
				}

				.featured_bg_site{
					background:transparent url(../images/bg_slice.png) center top repeat-y;
					color:#f5f5f5;
				}

				#featured{
					/* background style moved to .featured_bg_home and .featured_bg_site */
					color:#f5f5f5;
				}
				
					#featured_bottom{
						background:transparent url(../images/bg_slice3.png) right top no-repeat;	
					}
							
							.ticker, .ticker a{
								color:#aaa;
								text-decoration:none;
								}
							
							.ticker a:hover{
								color:#fff;
								text-decoration:none;
								}
								
							.preview_images a img{
								border:1px solid #666;
								background-color:#363636;
								}
								
							.preview_images .current_prev img{
								border:1px solid #ffc704;
								}
								
							
								
							.pointer{
								background:transparent url(../images/pointer.png) no-repeat scroll left top;
								}
								
				.headline_wrap_start{
					background:transparent url(../images/bg_slice4.png) left -8px no-repeat;
				}

				.headline_news{
					background:transparent url(../images/bg_slice4.png) center top repeat-y;
				}

				.headline_wrap_end{
					background:transparent url(../images/bg_slice4.png) right -50px no-repeat;
				}

				#footer_sitemap{
					background:transparent url(../images/bg_slice4.png) center top repeat-y;
				}

				#footer_sitemap a{
					color: #888;
					text-decoration:none;
					white-space: nowrap;
				}

				#footer_sitemap a:hover{
					color: #363636;
					text-decoration:none;					
					white-space: nowrap;
				}
				
				.footer_wrap_start{
					background:transparent url(../images/bg_slice4.png) left -8px no-repeat;
				}

				.footer_wrap_end{
					background:transparent url(../images/bg_slice4.png) right -50px no-repeat;
				}

/*****************************
4.) breadcrumb navigation
/****************************/	
								
			
			.breadcrumb{
				color:#363636;
				background:transparent url(../images/bg_slice4.png) center top repeat-y;
				}
				
						.breadcrumb a{
							text-decoration:none;
							color:#0088cc;
							}
							
						.breadcrumb a:hover{
							text-decoration:underline;
							color:#0088cc;
							}
/*****************************
5.) content area below slider and on subpages
/****************************/	
										
			.content_curved_top{
				background:transparent url(../images/bg_slice2.png) left top no-repeat;
				}	

			.content_curved_bottom{
				background:transparent url(../images/bg_slice.png) right -50px no-repeat;
				}	
				
			#content{
				background:transparent url(../images/bg_slice.png) repeat-y scroll center top;
				}
				
/*****************************
6.) Portfolio Page (no sidebar)
/****************************/	
					
						
							.portfolio_item{
								border:1px solid #ddd;
								}
								
								.product-page-title{
									padding-top:25px;
									text-align: center;
									}
							
							
/*****************************
7.)pages with sidebar
/****************************/								
					
				
						
								.entry {
									/* allows designs to reach out over site outline */
									overflow: visible;
									border-bottom:0px solid #bbb;
									}
									
									
										
										.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a{
											background-color:transparent;
											color:#eee;
											}
											
											
											.entry-head a:hover, .more-link:hover, #top .portfolio_item h3 a:hover{
											background-color:transparent;
											color:#747474;
											}
											
										
								
					
					
				
					#top .bg_sidebar{
						background:transparent url(../images/bg_sidebar.png) repeat-y scroll center top;
						}
				
				
						
						
/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/	
				
/* modified CSS. Simon */
.widget {
}
.widget ul li {
	border-bottom:1px solid #ddd;
}
.widget ul li ul {
}
.widget .textwidget {
}
.widget #wp-calendar {
}
 
							.small_box h3{
								/* border-bottom:1px solid #DDD; */
								
								}
								
								
							#sidebar div.small_box h3{
								/* border-bottom:1px solid #DDD; */
								background-color: #0f75ba;
								color: #fff;
								padding: 5px 8px 0px 10px;
								line-height: 1.8em;
								
								-webkit-box-shadow: rgba(0,0,0,.2) 0px 2px 5px;
								-moz-box-shadow: rgba(0,0,0,.2) 0px 2px 5px;
								box-shadow: rgba(0,0,0,.2) 0px 2px 5px;
								
								-webkit-border-top-left-radius: 8px;
								-webkit-border-top-right-radius: 8px;
								-moz-border-radius-topleft: 8px;
								-moz-border-radius-topright: 8px;
								border-top-left-radius: 8px;
								border-top-right-radius: 8px;
								
								}
		
								
							.small_box img{
								border-top:0 solid #DDD;
								border-bottom:0 solid #DDD;
								}
															
							.widget_categories a, .widget_pages a, .widget_recent_entries a, li.recentcomments, .widget_meta a{
							border-bottom:1px solid #ddd;
							}
							
							/* sub-navigation hover style. simon */
							.widget_categories a:hover, .widget_pages a:hover,  .widget_recent_entries a:hover, li.recentcomments:hover, .widget_meta a:hover{
							background:#ffffff;	
							}
							
							.widgettitle_frontpage {
								color: #363636;
								font-weight: bold;
							}
							
							#wp-calendar th, #prev a, #next a{
							background-color:#282828;
							color:#fff;
							}
							
				
		#footer{
	
			background:transparent url(../images/bg_slice4.png) right bottom no-repeat;
			color:#888;
			}
		
				#footer a{
					color:#666;
					}
					
				
				
		




/*****************************
#basic & common styles	
/****************************/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#3d3d3d;
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	color:#3d3d3d;
	}

a{
	color:#0063dc;
	text-decoration:underline;
	}

a:hover{
	color:#008aff;
	text-decoration:underline;
	}

div.entry-content {
	clear: both;
	padding-top: 20px;
	font-size: 12.5px;
	}
	
div.entry-content p a{
	color:#0063dc;
	font-weight: normal;
	padding:2px;
	text-decoration:underline;
	}

div.entry-content p a:hover{
	color:#008aff;
	font-weight: normal;
	padding:2px;
	text-decoration:underline;
	}

.home-content a{
	color:#0063dc;
	font-weight: normal;
	padding:2px;
	text-decoration:underline;
	}

.home-content a:hover{
	color:#008aff;
	font-weight: normal;
	padding:2px;
	text-decoration:underline;
	}

h1,h2,h3,h4,h5,h6, legend{
	color:#3d3d3d;
	}
		
	#featured h2, #featured h2 a{
		color:#fff;
		}
		
		
	#featured h2{
		border-bottom:1px solid #ddd;
		}	
		
	/* #inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a{
		color:#3d3d3d;
		}
	*/

.aligncenter{
border-bottom:0px solid #ddd;
border-top:0px solid #ddd;
}

.meta{
	color:#a0a0a0;
	}
	
.read-more, .show-next{
	background:transparent url(../images/read_more.png) no-repeat scroll right top;
	color:#555;
	}
	
	
.read-more:hover, .show-next:hover{
	background:transparent url(../images/read_more.png) no-repeat scroll right bottom;
	color:#666;
	}
/*	
.entry ul, .entry ol{

	border-top:1px solid #ddd;
	}
	
	
.entry li{
	border-bottom:1px solid #ddd;
	}
*/
.entry ul, .entry ol{
	border-top:0px;

	/* list-style-position: outside;
	list-style-image: url(../images/bullet.png);
	list-style-type: circle;
	*/
	}
	
	
.entry li{
	border-bottom:0px;
	padding-left: 18px;
	background:transparent url(../images/bullet.png) no-repeat center left;
	}
	
blockquote{
	background:transparent url(../images/quotes.png) no-repeat scroll left 6px;
	color:#555555;
	}

/*****************************
#Blog styles	
/****************************/

.blog-title {
	position: relative;
	font-size: 36px;
	font-weight: normal;
	margin: -6px 0 -13px 0;
	color: #3d3d3d;
	}

.blog-title a {
	text-decoration: none;
	color: #3d3d3d;
	}

.blog-title a:hover {
	text-decoration: none;
	color: #3d3d3d;
	}

.blog-title-gradient {
	z-index: 1;
	border: solid 1px #ff0000;
	position: absolute;
	top: 8px;
	left: 0px;
	background: transparent url(../images/date-gradient.png) repeat-x 0px 0px;
	width: 505px; height: 30px;
	}

.archived-post {
	float:left;
	width:50px;
	height:50px;
	padding: 0;
	margin-right:10px;
	background: transparent url(../images/archived-post.jpg) repeat-x 0px 0px;
	}

.date {
	float:left;
	padding: 0;
	margin-right:10px;
	border: #f8f8f8 solid 1px;
	text-align:center;
	}
.date .month {
	background:#c73945 url(../images/bg-generic-cal-icon.gif) no-repeat right 0px;
	font-size:11px;
	text-align: left;
	padding-left:5px;
	border-bottom: #a9303b solid 1px;
	color:#fff;
	}
.date .day {
	font-size:1.70em;
	font-weight: bold;
	background:#fff;
	padding: 4px 0 4px 0;
	color:#3d3d3d;
	border: #ededed solid 1px;
	border-top: none;
	}
.date-gradient {
	z-index: 99;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent url(../images/date-gradient.png) repeat-x 0px 0px;
	width: 100%; height: 25px;
	}

.load-youtube {
	background: #f8f8f8 url(../images/bg_youtube.jpg) no-repeat center center;
	border: #eee solid 1px;
	text-align: center;
	padding:20px 0 20px 0;
	}	

.post-preview {
	margin-left: 6px;
	margin-bottom: 30px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-transform: rotate(-3deg);
	-webkit-box-shadow: rgba(0,0,0,.2) 0px 2px 5px;
	-moz-box-shadow: rgba(0,0,0,.2) 0px 2px 5px;
	box-shadow: rgba(0,0,0,.2) 0px 2px 5px;
	clear: both;
	}
	
.readmore {
	clear: both;
	}

/*****************************
#Article styles	
/****************************/
.downloadpdf {
	width: 560px;
	height: 146px;
	background: #fff url(../images/clickdownload.png) no-repeat right -148px;
	border-top: solid 1px #ddd;
	}

	.downloadpdf:hover {
		cursor: pointer;
		background: #fdfde5 url(../images/clickdownload.png) no-repeat right 0px;
		}

	.downloadpdf:active {
		cursor: pointer;
		background: #ededed url(../images/clickdownload.png) no-repeat right 0px;
		}
		
	.downloadpdf div {
		float: left;
		height: 146px;
		}
		
		.downloadpdf div img {
			padding: 14px 0 0 14px;
			}
			
	.downloadpdf div + div {
		float: left;
		font-size: 1em;
		line-height: 1.4em;
		margin-top: 20px;
		margin-left: 15px;
		width: 300px;
		max-height: 88px;
		overflow: hidden;
		}
						
		
/*CONTACT FORM*/	
.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #EE2A00;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}


#s, .text_input, .text_area, textarea, #commentform input{
	border:1px solid #ababab;
	color:#333;
	}


#searchsubmit, #send, #top #submit{
	border:1px solid #ababab;
	background-color:#333;
	cursor:pointer;
	color:#fff;
	
	}
	
#searchsubmit:hover, #send:hover, #top #submit:hover{
	background-color:#999;
	color:#333;
	}

	
.corner_left, .corner_right{
	background:transparent url(../images/jquery_corners.png) no-repeat scroll top left;
	}
	
#top .corner_right{
	background:transparent url(../images/jquery_corners.png) no-repeat scroll top right;
	}
	
/*navigation*/

.navwrap {
	/* background:transparent url(../images/menu.png) no-repeat scroll right bottom; */
	background:transparent url(../images/menu.png) no-repeat scroll left bottom;
	background-position  : 100% -50px;
	}

#top #nav{
	background:transparent url(../images/menu.png) left top no-repeat;
}





/*naviagation*/
#top #nav a {
	color:#aaa;
}

#top #nav ul {
	border:1px solid #777;
	border-top:none;
}

#top #nav li ul a{
	border-bottom:1px solid #383838;
	border-top:1px solid #777;
}

#top #head #nav ul a, #top #head #nav ul li{
	background-color:#363636;
	background-image:none;
}

#top #head #nav ul a:hover, 
#top #head #nav ul a:focus {
	background-color:#464646;
	color:#fff;
}

#top #head #nav a:hover, 
#top #head #nav a:focus {
	background-color:#464646;
	color:#fff;
	z-index: 2;
}

#sidebar ul li.page_item a {
	text-decoration: none;
	background:transparent url(../images/chevron.png) 98% 50% no-repeat;
	}
	
	#sidebar ul li.page_item a:hover {
	text-decoration: none;
	background:#f9f9f9 url(../images/chevron_sel.png) 98% 50% no-repeat;
	}

#sidebar ul li.current_page_item a, 
#sidebar ul li.current_page_item a:hover, 
#sidebar ul li.current_page_item a:focus {
	/* indent and colour help identify which page you are on withint the site. SIMON */
	color: #5a5a5a;
	text-indent:30px;
	background:#f5f5f5 url(../images/chevron_sel.png) 10px 50% no-repeat;
}

#top #nav .current_page_item a{
	color:#fff;
	/* here we set indent and background colour to null to counteract the changes made to 
		ul li.current_page_item above.  If we do not do this it will apply the style to the
		main nav bar in the header of the site. This is a mild theme specific hack since a proper 
		fix would involve modifying Wordpress code which could be lost in an update. SIMON */
	background-color: transparent;
	background-image:none;
	text-indent:0px;
}

/* style added for sidebar navigation colour. SIMON */
.page_item a {
	color: #0063dc;
}

#top #nav .current_page_parent .current_page_item a, 
#top #nav .current_page_item ul a {
	border-right:1px solid #777;
	border-left:none;
	background-image:none;
	background-color: transparent;
	color:#fff;
	text-align: left;
}

#top #nav .page_parent .page_item a, 
#top #nav .page_item ul a {
	border-right:1px solid #777;
	border-left:none;
	background-image:none;
	background-color: transparent;
	color:#aaa;
	text-align: left;
}

/* ---------------------- Pagination -------------------*/

.pagination span, .pagination a{
	border:1px solid #333;
	color:#fff;
	background-color:#999;
}

.pagination a:hover{
	border:1px solid #333;
	color:#fff;
	background:#747474;
}
.pagination .current{
	border:1px solid #333;
	color:#fff;
	background-color:#747474;
}

.button-learn-more{
	padding:3px 10px;
	font-size:12px;
	margin-bottom: 10px;
	border-width: 1px;
	border-style: solid;
	line-height: 1;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor:pointer;
	text-decoration:none;
	margin-top:-3px;
}

.button-learn-more a{
	background-color: #ebebeb;
	color: #264761;
}


.button-learn-more a:hover{
	background-color: #ffcc00;
    /* background: transparent url(../images/menu-bits-vs.gif) no-repeat scroll left -111px; */
}

/*****************************
#Custom Admin styles	
/****************************/	

.customeditorcontainer{
	padding:6px;
	line-height:150%;
	border:0 none;
	outline:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box;
	box-sizing:border-box;
}

/******************** SALESFORCE FORM CSS  ********************/


#signupPageWrap {
	background: url('/corp/img/signupImage.jpg') center left no-repeat;
}

.wrapsalesforce {
	float: left;
	position: absolute;
	top: 70px;
	left: -95px;
	height: 640px;
	width: 680px;
	/* background: transparent url('../images/bg-form-catalog.png') -480px -80px no-repeat; */
	background: transparent url('../images/bg-form-catalog.png') 0px 0px no-repeat;
	}

table.salesforce {
	float: right;
	padding: 30px 0px 12px 12px;
	}
	
	table.salesforce td {
		width: 70%;
		text-align: right;
		vertical-align: top;
		font-size: 1.2em;
		color: #373737;
		padding-bottom: 4px;
		}
		
		table.salesforce td p {
			font-size: .6em;
			}
		
		table.salesforce td input#send {
			margin: 15px 24px 15px 0;
			}
			
		table.salesforce td input#send {
			display: block;
			height: 26px;
			font-size: 1.2em;
			line-height: 1.3em;
			padding: 0px 18px 0px 18px;
			margin-left: 120px;
			cursor: pointer;
			text-decoration: none;
			border: none;
			-webkit-border-radius: 13px;
			-moz-border-radius: 13px;
			border-radius: 13px;
			}
		
		table.salesforce td input#send {
			color: #fff;
			background: #298cba url(../images/bg_blue_button.png) repeat-x top left;
			}
		
		table.salesforce td input#send:hover {
			background: #298cba url(../images/bg_blue_button.png) repeat-x 4px left;
			}
		
		table.salesforce td input#send:active {
			background: #217197 url(../images/bg_blue_button_press.png) repeat-x top left;
			}		

	table.salesforce td + td {
		width: 30%;
		text-align: left;
		vertical-align: top;
		padding-left: 8px;
		border: none;
		}
	
	table.salesforce td small {
		color: #ff0000;
		padding: 0 4px 0 4px;
		vertical-align: top;
		}
	

/******************** END SALESFORCE ********************/

/*
------------------------------
	Impromptu's (Javascript alert replacement).
------------------------------
*/
.jqifade{
	position: absolute; 
	background-color: #000;
	opacity: 0.75;
}
div.jqi{ 
	width: 400px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}
div.jqi .jqicontainer{ 
	font-weight: bold; 
}
div.jqi .jqiclose{ 
	position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold; 
}
div.jqi .jqimessage{ 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
}
div.jqi .jqibuttons{ 
	text-align: right; 
	padding: 5px 0 5px 0; 
	border: solid 1px #eeeeee; 
	background-color: #f4f4f4;
}
div.jqi button{ 
	padding: 3px 10px; 
	margin: 0 10px; 
	background-color: #2F6073; 
	border: solid 1px #f4f4f4; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12px; 
}
div.jqi button:hover{ 
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{ 
	/*background-color: #8DC05B;*/
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
	background-color: #BF5E26;
}

/*
------------------------------
	impromptu
------------------------------
*/
.impromptuwarning .impromptu{ background-color: #aaaaaa; }
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptuclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #213e80;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/*
------------------------------
	columns ex
------------------------------
*/
.colsJqifadewarning .colsJqi{ background-color: #b0be96; }
.colsJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.colsJqi{
    position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqiclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #bbbbbb;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
	height: 140px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
------------------------------
	brown theme
------------------------------
*/
.brownJqiwarning .brownJqi{ background-color: #cccccc; }
.brownJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.brownJqi{
	position: absolute;
	background-color: transparent;
	padding: 10px;
	width: 300px;
	text-align: left;
}
div.brownJqi .brownJqiclose{
    float: right;
    margin: -20px 0 0 0;
    cursor: pointer;
    color: #777777;
    font-size: 11px;
}
div.brownJqi .brownJqicontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #5F5D5A;
	color: #ffffff;
	font-weight: bold;
}
div.brownJqi .brownJqimessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.brownJqi .brownJqimessage h3{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4D4A47;
}
div.brownJqi .brownJqimessage p{
	padding: 10px;
	color: #777777;
}
div.brownJqi .brownJqimessage img.helpImg{
	position: absolute;
	bottom: -25px;
	left: 10px;
}
div.brownJqi .brownJqibuttons{
	text-align: right;
}
div.brownJqi button{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
}
div.brownJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
*------------------------
*   clean blue ex
*------------------------
*/
.cleanbluewarning .cleanblue{ background-color: #acb4c4; }
.cleanbluefade{ position: absolute; background-color: #aaaaaa; }
div.cleanblue{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; width: 300px; font-size: 11px; text-align: left; border: solid 1px #213e80; }
div.cleanblue .cleanbluecontainer{ background-color: #ffffff; border-top: solid 14px #213e80; padding: 5px; font-weight: bold; }
div.cleanblue .cleanblueclose{ float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
div.cleanblue .cleanbluemessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; }
div.cleanblue .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.cleanblue button{ padding: 3px 10px; margin: 0 10px; background-color: #314e90; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.cleanblue button:hover{ border: solid 1px #d4d4d4; }

/*
*------------------------
*   Ext Blue Ex
*------------------------
*/
.extbluewarning .extblue{ border:1px red solid; }
.extbluefade{ position: absolute; background-color: #ffffff; }
div.extblue{ border:1px #6289B6 solid; position: absolute; background-color: #CAD8EA; padding: 0; width: 300px; text-align: left; }
div.extblue .extblueclose{ background-color: #CAD8EA; margin:2px -2px 0 0; cursor: pointer; color: red; text-align: right; }
div.extblue .extbluecontainer{ background-color: #CAD8EA; padding: 0 5px 5px 5px; color: #000000; font:normal 11px Verdana; }
div.extblue .extbluemessage{ background-color: #CAD8EA; padding: 0; margin:0 15px 15px 15px; }
div.extblue .extbluebuttons{ text-align: center; padding: 0px 0 0 0; }
div.extblue button{ padding: 1px 4px; margin: 0 10px; background-color:#cccccc; font-weight:normal; font-family:Verdana; font-size:10px; }

/*
*------------------------
*   smooth Ex
*------------------------
*/
.jqismoothfade{ position: absolute; background-color: #333333; }
div.jqismooth{ width: 350px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 3px #e2e8e6; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
div.jqismooth .jqismoothcontainer{ font-weight: bold; }
div.jqismooth .jqismoothclose{ position: absolute; top: 0; right: 0; width: 18px; cursor: default; text-align: center; padding: 2px 0 4px 0; color: #727876; font-weight: bold; background-color: #e2e8e6; -moz-border-radius-bottomLeft: 5px; -webkit-border-bottom-left-radius: 5px; border-left: solid 1px #e2e8e6; border-bottom: solid 1px #e2e8e6;  }
div.jqismooth .jqismoothmessage{ padding: 10px; line-height: 20px; color: #444444; }
div.jqismooth .jqismoothbuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #e2e8e6; background-color: #f2f8f6; }
div.jqismooth button{ padding: 3px 10px; margin: 0 10px; background-color: #2F6073; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqismooth button:hover{ background-color: #728A8C; }
div.jqismooth button.jqismoothdefaultbutton{ background-color: #BF5E26; }
.jqismoothwarning .jqismooth .jqismoothbuttons{ background-color: #BF5E26; }