@import url('jquery.lightbox-0.5.css');

* { margin:0; padding:0;}
div, img{behavior:url(styles/iepngfix.htc);}

body{ background:#f2f2f2; color:#353535; 
	 
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	
}

#pageContainer { width:900px; margin:0 auto; padding-bottom:20px;}
#pageContainerWide {  padding-bottom:20px;}
#pageContainerWide #footer { width: 900px; margin:0 auto;}
.clear{ clear:both;}

h1{ font-size:21px;}
h2{ font-size:18px; color:#2251a0;}
h3{ font-size:14px;}

a{ text-decoration:none; color:#1C59A7; }
a:hover{ color:#2251a0;}
a img { border:none; } 

.noList, .noList li {
	list-style-type: none !important;
	margin:0;
	padding:0;
}

.noList li {
	margin:4px 0;
}

.container p {
	line-height:1.5em;
	margin: 5px 0 15px 0;
}

.alignright {
	float:right;
	margin:15px 0 15px 15px;
} 

.alignleft {
	float:left;
	margin:15px 15px 15px 0;
} 

.aligncenter {
	display:block;
	margin:0 auto;
} 


/** start header **/
#pageContainerWide #header { width: 900px; margin: 0 auto; }
#header #logo img{ border:none;  }
#logo { display:block;
background: url("../images/logo.png") no-repeat 0 0;
width: 730px; height: 87px; position: absolute; z-index: 1002;
}

	#logo a { float: left;  display: block; width: 330px; height: 87px; }
		#logo a span { display: none; }

		
	#logo .tagline {
		font-size: 13px; font-weight: bold;
		width: 400px; float: left;
		padding-top: 25px; 
	}
	
	/** start top navigation menu **/
	.navTop{ 
		text-align:right;
		height: 77px;
		padding-top: 10px;
		display: block; 
		position:relative; 
		z-index: 1001;
	}
	
	.navTop a{margin:0 2px;color:#2251a0;}
	
	.navTop a:hover{text-decoration:underline;}
	
	.navTop .topMenu { margin-top: 5px; position: relative;  }
	 
	
	.navTop .topMenu, .navTop .msiMenu{ float:right;}
	
	.navTop .msiMenu{margin:-8px -6px 0 5px;}
	
	.navTop a.msi{
		background:url(../images/btnmsi.gif) no-repeat; 
		padding:8px 36px 4px 14px; margin:0; display:block;
	}
	
	.navTop a.msi:hover {
		text-decoration:none; 
	}
	
	* html .navTop a.msi{ padding-right:41px;}
	
	.navTop .msiDropdown{ 
		display: none; 
		background:url(../images/msibg.gif) no-repeat bottom;
		padding-bottom:10px;
		width:352px;
		position:absolute;
		right:-5px;
		top:48px;
		zoom: 1;
		z-index: 1001px;
	}
		
	*:first-child+html .navTop .msiDropdown{ right:0; } 
	
	* html .navTop .msiDropdown{  right:-5px; }
	
	.navTop .msiDropdown .container{ 
		background:url(../images/msibg.gif) no-repeat top; padding:10px 15px 0 15px; text-align:left;
		position: relative;
		zoom: 1;
		z-index: 1002;	
	}
	
	.navTop .msiDropdown .container h4{color:#234f9f; font-weight:bold; font-size:13px; padding:3px 0 10px 0;}
	.navTop .msiDropdown .container p { margin:0; padding:0; }
	.navTop .msiDropdown .container a{ color:#234f9f; font-weight:bold;}
	
	.navTop .msiDropdown .container a:hover{ text-decoration:underline;}
	
	.navTop .hover .msiDropdown{ display:block;}
	
	.navTop .hover a.msi{background:url(../images/btnmsiHover.gif) no-repeat;}
	
	.navTop a.msi span{ font-weight:bold;}
	
	/** endtop navigation menu **/
	
	.like_facebook { 
		display: block; height: 21px; width: 50px; margin: 10px 10px 0 0;
		float: right;
		
	}
	
	
	
	/** start navigation menu **/
	#navMenu{
		background:url(../images/navbg.gif) no-repeat;
		width:100%;
		font-size:14px;
		font-weight:bold;
		position: relative;
		z-index: 1000; 
	}

	#navMenu ul { 
		list-style:none;
		display:block;
		margin-left:10px;
	}
	
	#navMenu ul li, #navMenu ul li a{ float:left; }
	
	#navMenu ul li {
		position: relative; 
	}
	
	#navMenu ul li.last a{ background:none}
		
	#navMenu ul li a{ 
		background:url(../images/navLine.gif) no-repeat right; 
		color:#ffffff; text-decoration:none;
		cursor: pointer; 
		
	}
		
	#navMenu ul li.hover a span, #navMenu ul li a:hover span{ background:url(../images/navHover.gif) repeat-x;}
	
	#navMenu ul li a span { display:block; float: left;  padding:10px 20px 11px 20px; }
	
 
		
		
	#navMenu .dropdown ul
	{
		border:1px solid #dddddd;
		display: none; 
		background:#ffffff;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-radius-bottomleft: 5px;
		-webkit-border-radius-bottomright: 5px;
		left: -1px;
		margin-top: 36px;
		margin-left:0; 
		padding: 0;
		position: absolute;
		white-space: nowrap;
		z-index: 1000;
		z-index: 100px;
		}
	
#navMenu li.last ul li { 
	 
	}
#navMenu .dropdown ul li
{
	float: none;
	position: relative;
	text-transform: none;
	}
#navMenu .dropdown ul li
{
	margin: 0;
	display: block !important;
	padding: 0;
	
	}
#navMenu .dropdown ul li a
{ 
	background:none;
	padding:4px 5px 4px 10px; margin:1px 0;
	color:#353535;
	font-weight:normal;
	font-size:12px;
	display: block;
	float: none;
	margin: 0;
	padding: 5px 10px;
	}
* html #navMenu li li a
{
	display: inline-block !important;
	 
	}
#navMenu .dropdown ul li a:hover
{
	background:url(../images/submenuHover.gif) repeat-x;
	}
	
	#navMenu li.last ul {
		left:auto;
		right:2px;
	}
		* html #navMenu li.last ul { right:-1px; }
	

#navMenu li ul li.last a, #navMenu li ul li.last a:hover
{
	 
	}
	 
#navMenu li.hover ul
{
	display: block;
	}
		/** end dropdown submenu **/
		
	/** end main navigation menu **/
	
	
	/** start banner **/
		#banner { 
			margin-top:10px;
			padding: 0;
		}
		
		#banner { height:250px; width: 900px;  }
		
		#banner2, #bannerWiki { margin-top:10px; height:186px; position:relative; z-index: 1; }
		
		#bannerWiki {
			background:url("../images/headerImg_webcasts.jpg") no-repeat;
		}
		
		#banner2 .bannerText { 
			position:absolute;
			top:50px;
			left:50%;
			width: 450px; 
			z-index: 2px;
		}
		
		#banner2 img {
			position: absolute;
			z-index: 1px;
		}
		
		#banner2 .bannerText p{ font-size:21px; color:#585757;}
		
		#banner2 .bannerText h1{ font-size:24px; color:#353535; text-transform:uppercase;}
		#bannerWiki .bannerText span {
			color:#353535;
			font-size:72px;
			font-style:italic;
			left:500px;
			position:absolute;
			top:50px;
			font-family: Georgia, "Times New Roman", Times, serif; 
		}
		
		#bannerNarrow {
			height:136px; 
			margin-top:10px; position:relative; z-index: 1;
		}
		
			
			#bannerNarrow .bannerNarrowLeft {
				width: 660px; float: left; 
				height: 136px; display: block; position: relative;
			}
			
			#bannerNarrow .buttonWrapperNarrow {
				width: 230px; float: right; 
			}
			
				#bannerNarrow .buttonWrapperNarrow img { float:left !important; }
		
			#bannerNarrow .bannerText { 
				position:absolute;
				top:40px;
				left:40%;
				width: 350px; 
				z-index: 2px;
			}
			
			#bannerNarrow .bannerNarrowLeft img {
				position: absolute;
				z-index: 1px;
			}
			
			#bannerNarrow .bannerText p{ font-size:18px; color:#585757;}
			#bannerNarrow .bannerText h1{ font-size:20px; color:#353535; }
			#bannerNarrow .bannerText h2 { font-size: 15px; }
		
		.custTesti{ margin:0 ; position:relative; width:275px;}
				
		.rounded { margin-left:45px; width: 230px; position:relative; }
	 
		
		.ct_content, .ct_l, .ct_b, .ct_b div{
			background:url(../images/testibg2.gif) no-repeat right top; 
			position:relative;
			
		}
		
		.ct_content{ position:relative; padding:5px; }
		
		.ct_l{
			position:absolute; margin-left:-45px; left:0; top:0; background-position:left top; height:100%; width:45px;
		}
		
		* html .ct_content { overflow-y:hidden; display:inline-block; }
		* html .ct_l{ margin-left:-45px; height:3000px; z-index:1; }
		
		.ct_b, .ct_b div {z-index:1; height:25px; font-size: 1px; }
		
		.ct_b {   background-position:bottom right;  width:400px position:relative; }
		
		.ct_b div { background-position:left bottom;  margin-left:-45px; width:45px;}
				
		.custTesti p.custSay{ background:url(../images/bqend.gif) no-repeat right bottom; padding: 10px 10px 20px 10px; margin:0 15px 0 -45px; }
		* html .custTesti p.custSay { display:inline-block; position:relative; z-index:100; }
				
		.custTesti p.custSay img{padding-right:10px;}
		
		.custTesti p.custSay .custSay_wrapper { display:block; background:white url(../images/testibg3.gif) 0 0 no-repeat; position:relative; }
		
		img.custLogo{ margin-left:40px;}
		
		#Testimonial {
			height: 300px;
			overflow:hidden; 
			margin-bottom: 10px; 
			z-index:1;
		}
		
		#Testimonial .slide {
			height: 300px;
			overflow:hidden; 
			width: 275px;
		}
	
		#slideshow .slide {
			 
			display:block;
			z-index:10;
			width: 275px;
		}

	/** end banner **/
	
/** end header **/

/** start content **/

	#content{ margin-top:10px;}
	#contentTwoCols { margin-top: 4px; }
	.contentwrapper, .contentwrapper .container, .closer, .rb{
		background:url(../images/contentbg.gif) no-repeat;
	}
	
	.contentwrapper{ width:900px; float:left; background-position:right top;}
	
	.contentwrapper .container{ background-position:left top;}
	
	.solutionBox{ width:595px; padding-right:10px;}
	.solutionBox .noList li {
		margin:4px 0 8px 0;
		font-size: 13px; 
	}
	
	.solutionBoxTitle {
			font-size: 16px !important;
			padding:8px 10px 5px 5px !important;
		}
		
	
	#contentTwoCols .relatedInfo2 { margin-top:0; }
	
	
	.videosListWrapper, .NarrowColumn { width:650px; margin-right:10px; padding-right:10px;}
	.NarrowColumn .container { float: left; }
	
	#video_container {
		background:url('../images/video-container-bg.gif') 0 0 no-repeat;
		width:900px;
		height:405px;
		overflow:hidden;
		margin:9px 0 0 0;
	}
	#video_player {
		width:641px;
		height:384px;
		overflow:hidden;
		display:block;
		float:left;
		margin:10px 0 0 10px;
	}
	#video_details {
		width:220px;
		height:384px;
		overflow:hidden;
		display:block;
		float:left;
		margin:10px 0 0 15px;
	}
		#video_details .video_title { font-size:17px; font-weight:bold; line-height:1.33em; padding:0; margin:0 0 0.5em 0; color:#fff; }
		#video_details p { font-size:12px; font-weight:normal; line-height:1.33em; padding:0; margin:0; color:#fff; }
		#video_details .video_length { font-size:13px; font-weight:normal; line-height:1.33em; padding:0; margin:0.3em 0; color:#fff; }
		
	.videoCategoriesList { list-style:none; padding:0; margin:0 13px; }
	.videoCategoriesList li {
		list-style:none;
		padding:10px 0 15px 0;
		margin:0 0 0 0;
		display:block;
		position:relative;
		clear:both;
	}
	.videoCategoriesList h3 {
		font-size:16px;
		font-weight:bold;
		color:#5d5d5d;
		margin:0 0 0.5em 0;
	}
	
	.videoCategoriesList .videosListContainer {
		overflow:hidden;
		position:relative;
	}
	
	.videoCategoriesList .videosList { list-style:none; padding:0; margin:0; width:auto; position:absolute; }
	.videoCategoriesList .videosList li {
		list-style:none;
		padding:0;
		margin:0 9px 0 0;
		float:left;
		clear:none;
		position:static;
	}
		.videoCategoriesList .videosList li.last { margin-right:0; }
	.videoCategoriesList .videosList li a {
		width:150px;
		display:block;
	}
		.videoCategoriesList .videosList li a img {
			display:block;
			margin:0 0 5px 0;
			padding:0;
			border:0;
		}
		
	.videoCategoriesList .slideButtonsContainer {
		position:absolute;
		right:10px;
		top:10px;
	}
		.videoCategoriesList .slideButtonsContainer .slideButton {
			background:url('../images/video-slides-button.gif') 0 0 no-repeat;
			width:7px;
			height:7px;
			line-height:7px;
			overflow:hidden;
			float:left;
			margin:0 2px;
		}
			.videoCategoriesList .slideButtonsContainer .slideButton-active { background-position:0 -7px; }


	.closer{ background-position:left bottom; height:10px; width:100%; float:left;}
	
	.rb{ background-position:right bottom; height:10px; width:10px; float:right; margin-right:-10px;}
		
	
	h2.title{ padding:7px 10px 5px 10px; float:left;}
	
	h2.title span{
		background:url(../images/titlebg.png) no-repeat right top; padding:5px 20px 10px 10px;
	}
	
	* html h2.title span{ background:url(../images/titlebg.gif) no-repeat right top;}
	
	#content .breadcrumb{ 
		text-align: right; 
	float:right; margin:10px !important; width: 300px; overflow: hidden; font-size: 11px; }
	
	.breadcrumb p{ color:#58585a;}
	
	.breadcrumb p a{ color:#2251A0; margin-right:4px; font-size: 11px;}
	
	.breadcrumb p a:hover{ text-decoration:underline;}
	
	.breadcrumb p span{ font-weight:bold;}
	
	.threecolumns{ width:565px; margin:10px auto 0;}
	
	.hpColCustomer .column{  
		color:#1C59A7;
		border-bottom:1px solid #f6f6f6; 
		padding-bottom: 10px; 
		margin-bottom: 15px; 
	}
	
	.hpColCustomer  .lastCol{ padding-right:0; margin:0; border:none; }
	
	.hpColCustomer .column h3{ line-height: 20px; margin:0; padding:0 ;}

	.hpColCustomer .column h3, .threecolumns .column h3 a { color:#A50000; }
	
	.hpColCustomer .column h3 a:hover{ color:#1C59A7;}
	
	.hpColCustomer .column p{ margin: 0; font-size: 13px; line-height: 20px; }
	
	.mainContent{ float:left; width:640px; margin:10px 15px;}
	.mainContentWide {  width:860px; margin:10px 20px;}
	
	.NarrowColumn .mainContent { width: 600px; }
	
	
	.mainContent h2{ margin:15px 0 10px 0;}
	.mainContent h3{ margin:15px 0 10px 0;}
	
	.mainContent h2.sTitle{ color:#353535; margin-top:10px;}
	
	.mainContent p { margin:5px 0 15px 0;}
	
	.mainContent ul, .mainContentWide ul {
		margin:5px 15px 10px 25px; 
	}
	
	.mainContent ul li, .mainContentWide ul li {
		padding:1px 0;
		line-height:1.45em;
	}
	
	.alignCenter{ margin:0 auto; display:block; text-align:center}
	
	img.alignCenter{ margin-top:10px; margin-bottom:10px;}
	
	
	
	/** start tabs menu **/
		.innerTabsWrapper { padding: 15px 0 15px 0;  }
		
		.innerTabsWrapper .hide{ display:none;}
		
		.innerTabsWrapper .tabsMenu {  
			list-style:none; 
			margin:0 0 0 15px; 
			padding:0;
			display: block; 
		}
		
		.innerTabsWrapper .tabsMenu li { 
			margin:0 5px 0 0 ; float:left; 
			padding: 0; 
			background:url(../images/arrowblue.gif) no-repeat left center;
			font-size:14px; font-weight:bold;
		}
			
		.innerTabsWrapper .tabsMenu li.selecte d{ background-image:url(../images/arrowwhite.gif);}
		
		.innerTabsWrapper .tabsMenu li a,
		.innerTabsWrapper .tabsMenu li a span { 
			display:block;
			height: 30px; 
			line-height: 28px; 
		}
		
		.innerTabsWrapper .tabsMenu li a span {
			padding-right: 15px;
		}
		.innerTabsWrapper .tabsMenu li a { 
			 
			background:url(../images/tabmenubg.gif) no-repeat left top;
			color:#ffd300;
			padding-left: 18px;
			cursor:pointer;
		}
		
		.innerTabsWrapper .tabsMenu li a:hover span{ 
			text-decoration:none; color:#fff;
		}
		
		.innerTabsWrapper .tabsMenu li.selected a { 
			color:#1e54a4;
			position: relative;
			top: 1px; 
		}
		
		.innerTabsWrapper .tabsMenu li.selected a:hover span { 
			color:#1e54a4; text-decoration:none;
			
		}
		
		 
		
		.innerTabsWrapper .tabsMenu li a span { 
			background:url(../images/tabmenubg.gif) no-repeat right top; 
		}
		
		
		.innerTabsWrapper .tabsMenu li.selected a, .innerTabsWrapper .tabsMenu li.selected a span{ 
			background-image:url(../images/tabmenuHover.gif);
		}
		
		.tabsContainer { 
			border:1px solid #dddddd;  padding:15px;
		}
		
			
			.tabsContainer p {
				line-height:18px;
			}
			
			.tabsContainer a{ color:#1e54a4;}
			
			.tabsContainer a:hover { 
				text-decoration:underline;
			}
			
			.tabsContainer ol {
				margin-left:25px;
			}
			
			
			
			.tabsContainer ul li{ 
				padding:1px 0;
			}
			
			.tabsContainer ul li a { 
				color:#353535;
			}
			
			.tabsContainer ul li a:hover{ 
				color:#1e54a4; text-decoration:underline;
			}
		
		
		/** start tabs menu **/
		.verticalTabsWrapper { padding: 15px 0 15px 0;  }
		
		.verticalTabsWrapper .hide{ display:none;}
		
		.verticalTabsWrapper .tabsMenu {  
			list-style:none; 
			margin:0; 
			padding:0;
			float: left; 
			width: 240px;
			display: block; 
		}
		
		.verticalTabsWrapper .tabsMenu li { 
			margin:0 0 2px 0 ; float:left; 
			padding: 0; 
			width: 240px; 
			font-size:14px; font-weight:bold;
		}
			
		.verticalTabsWrapper .tabsMenu li.selected { 
			border:1px solid #DDDDDD;
			border-right: 0; 
			-moz-border-radius-bottomleft:5px;
			-moz-border-radius-topleft:5px;
			-webkit-border-radius-bottomleft:5px;
			-webkit-border-radius-topleft:5px;
			-khtml-border-radius-bottomleft:5px;
			-khtml-border-radius-topleft:5px;
			border-radius-bottomleft:5px;
			border-radius-topleft:5px;
		}
		
		.verticalTabsWrapper .tabsMenu li a,
		.verticalTabsWrapper .tabsMenu li a span { 
			display:block;
			line-height: 20px; 
		}
		
		.verticalTabsWrapper .tabsMenu li a span {
			padding-right: 15px;
		}
		.verticalTabsWrapper .tabsMenu li a { 
			background: #1b5ba9 url(../images/arrowwhite.gif) no-repeat 95% center;
			color:#ffd300;
			padding: 8px 18px 8px 10px;
			cursor:pointer;
			-moz-border-radius-bottomleft:5px;
			-moz-border-radius-topleft:5px;
			-webkit-border-radius-bottomleft:5px;
			-webkit-border-radius-topleft:5px;
			-khtml-border-radius-bottomleft:5px;
			-khtml-border-radius-topleft:5px;
			border-radius-bottomleft:5px;
			border-radius-topleft:5px;
		}
		
		.verticalTabsWrapper .tabsMenu li a {
		}
		.verticalTabsWrapper .tabsMenu li a:hover span { 
			text-decoration:none; color:#fff;
		}
		
		.verticalTabsWrapper .tabsMenu li.selected a { 
			color:#1e54a4;
			background: #fff url(../images/arrowblue.gif) no-repeat 95% center;
			position: relative;
		}
		
		.verticalTabsWrapper .tabsMenu li.selected a:hover span { 
			color:#1e54a4; text-decoration:none;
			
		}
		
		 
		
		.verticalTabsWrapper .tabsMenu li a span { 
			 
		}
		
		
		.verticalTabsWrapper .tabsMenu li.selected a, .verticalTabsWrapper .tabsMenu li.selected a span{ 
			 
		}
		
		.verticalTabsWrapper .tabsContainer { 
			width: 573px; float: left; 
			border:1px solid #dddddd;  padding:15px;
		}
		
			
			.verticalTabsWrapper .tabsContainer p {
				line-height:18px;
			}
			
			.verticalTabsWrapper .tabsContainer a{ color:#1e54a4;}
			
			.verticalTabsWrapper .tabsContainer a:hover { 
				text-decoration:underline;
			}
			
			.verticalTabsWrapper .tabsContainer ol {
				margin-left:25px;
			}
			
			
			
			.verticalTabsWrapper .tabsContainer ul li{ 
				padding:1px 0;
			}
			
			.verticalTabsWrapper .tabsContainer ul li a { 
				color:#353535;
			}
			
			.verticalTabsWrapper .tabsContainer ul li a:hover{ 
				color:#1e54a4; text-decoration:underline;
			}
			
			
		/** start tabs content **/
		.featureBenefit { 
			background:url(../images/featurebox.gif) no-repeat bottom; width:600px; padding-bottom:10px
		}
		
			.featureBenefit .fContainer{
				background:url(../images/featurebox.gif) no-repeat top;
			}
			
			.featureBenefit .box{
				float:left; width:300px;
			}
			
				.featureBenefit .box .wrapper{ 
					width:248px; border-right:1px #c7c7c7 dotted; margin:30px auto; padding:0 25px;
				}
				
				.featureBenefit .box .last{ 
					border:none; width:249px;
				}
				
				.featureBenefit .box h2.fTitle{ 
					padding:10px 0 10px 50px; 
					margin:0 0 0 10px;
				}
				
				.featureBenefit .boxfeatures h2.fTitle{ 
					background:url(../images/featurebg.gif) no-repeat left center;
				}
				
				.featureBenefit .boxbenefits h2.fTitle{ 
					background:url(../images/benefitbg.gif) no-repeat left center;
				}
					
					.featureBenefit .box ol {
						list-style-position:inside; 
						margin:0; padding:0; 
					}
					
					
					.featureBenefit .box ol li{ 
						padding:1px 7px 10px 7px;
						line-height:18px;
						background:url(../images/numberBg.gif) no-repeat left top;
					}
					
					.featureBenefit .box ol li span{ 
						 margin-left:10px; 
					}
					
					.featureBenefit .box ol li p { 
						
					}
		table.featuresbenefits {
			width: 600px;
		}
		
			table.featuresbenefits #column_features {
				width: 298px;
			}
			
			table.featuresbenefits #column_benefits {
				width: 300px;
			}	
			
			table.featuresbenefits th {
				text-align: left; 
			}
			
			table.featuresbenefits th.column_features {
				background:transparent url(../images/featurebox.gif) no-repeat scroll left top;
			}
			
			table.featuresbenefits th.column_benefits {
				background:transparent url(../images/featurebox.gif) no-repeat scroll right top;
			}
			
			table.featuresbenefits th.column_features h2,
			table.featuresbenefits th.column_benefits h2 {
				display:block;
				height:45px;
				line-height:45px;
				margin:0 0 0 10px;
				padding:0 0 0 50px;
			}
			
			table.featuresbenefits th.column_features h2 {
				background:url(../images/featurebg.gif) no-repeat left center;
				
			}
			
			table.featuresbenefits th.column_benefits h2 {
				background:url(../images/benefitbg.gif) no-repeat left center;
			}
			
			table.featuresbenefits tbody td {
				padding: 10px 10px 0 10px;
				vertical-align: top; 
			}
			
			table.featuresbenefits tbody td.col_left {
				border-left: 1px solid #ddd; 
				border-right:1px solid #ddd;
				border-bottom: 1px solid #ddd; 
			}
			
			table.featuresbenefits tbody td.col_right {
				border-right: 1px solid #ddd; 
				border-bottom: 1px solid #ddd; 
			}
			
			
			table.featuresbenefits tbody td div span.number {
				background:transparent url(../images/numberBg.gif) no-repeat scroll left top;
				display: block;
				width: 27px;
				text-align: center; 
				font-family: Georgia, "Times New Roman", Times, serif;
				font-weight:bold; 
				font-size: 13px; 
				height: 21px;
				float: left; 
			}
			
			table.featuresbenefits tbody td div p {
				padding-left: 34px;
				margin: 0 0 5px 0; 
				line-height: 1.5em; 
			}
				
		.imageBox { 
			float:left; height:180px;
			margin:10px;
			overflow:hidden;
			width:280px;
			vertical-align: middle; 
			}
		
		.imageBox a {
			display:block;
			height:140px;
			width:280px;
			vertical-align: middle; 
			overflow:hidden;
			 padding:0; margin:0; 
		}
			
		.imageBox img, .imageBox p {vertical-align: middle;   padding:0; margin:0; border: none; }
		.imageBox .caption { 
			padding:0; display:block; width:100%; clear:both; margin:5px 0; 
			text-align:center}
		/** end tabs content **/
		
	/**end tabs menu **/
	
	
	
	/** end content **/

	
	/** start right content **/
	
		/** start big Button **/
		.buttonWrapper{ float:right; width:275px;}
		.buttonWrapperNarrow{ float:right; width:230px;}
		
		.buttonWrapper .bigButton a{ display:block;}
		
		.bigButton{ 
			background:	url(../images/bigButton2_175.gif) 0 0 no-repeat;
			height:61px;
			cursor:pointer; 
			padding:0; margin-bottom:2px;
			text-transform:uppercase;
			font-size:13px;
		}
		
		.bigButton2{ 
			background:	url(../images/bigButton3.png) 0 0 no-repeat;
			height:61px;
			cursor:pointer; 
			padding:0; margin-bottom:2px;
			text-transform:uppercase;
			font-size:13px;
		}
		
		.bigButton3 { 
			background:	url(../images/bigButton4.png) 0 -45px no-repeat;
			height:45px;
			cursor:pointer; 
			padding:0; margin-bottom:0; 
			text-transform:uppercase;
			font-size:13px; font-weight: bold; 
		}
		
		a:hover .bigButton{ background-position:0 -61px; }
		a:hover .bigButton2 { background-position:0 -61px; }
		a:hover .bigButton3 { background-position:0 0; }
		
		.bigButton img{ float:left; border:none; margin:8px 15px 0px 16px;}
		.bigButton2 img{ float:left; border:none; margin:8px 8px 0px 10px;}
		.bigButton3 img{ float:left; border:none; margin:8px 10px 0px 12px;}
		
		.bigButton h1{ font-size:20px; padding-top:8px; line-height:1.3em; margin:0;}
		.bigButton2 h1{ font-size:20px; padding-top:8px; line-height:1.3em; margin:0;}
		.bigButton3 h1{ font-size:18px; padding-top:7px; line-height:0.9em; margin:0;}
		
		#twitterButton h1 {
			font-size: 18px;
			font-weight: normal; 
			text-transform: none; 
			line-height:1.1em;
			padding-top: 10px;
		}
		
		#twitterButton img {
			margin-left:12px;
			margin-right: 7px; 
		}
		
		a:hover .bigButton, a:hover .bigButton h1 {color:#1f58a6;}
		/** end big Button **/
		
		/** start related information box **/
			.relatedInfo{width:210px; float:left; margin:15px 0;}
			
			.relatedInfo h3{ 
				font-size:15px; color:#fff; 
				background:url(../images/relatedinfoBg.gif) no-repeat left top;
				padding:8px 10px;
			}
			
			.relatedInfo ul{ 
				list-style:none;
				}
				
			.relatedInfobottom {
				 background:url(../images/relatedinfoCloser.gif) no-repeat left bottom; 
				 line-height:1px;
				 height:5px;
			}
			
			.relatedInfo ol {
				margin-left: 20px; 
			}
			
			.relatedInfo ul li{ font-size:13px; }
			
			.relatedInfo ul li a.head,
			.relatedInfo ul li a.Shead { 
				display:block; 
				background:#e9e9e9 url(../images/relatedinfoItem.gif) repeat-x top;
				padding:7px 10px;
				border:1px solid #dddddd; 
				color:#4b4b4b; 
				border-bottom:1px solid #e9e9e9;
				border-left:0;
				border-right:0; 
			}
			
			.relatedInfo  .headingMenu  {
				font-weight:bold; 
			}
			
			
			.relatedInfo small { font-weight: normal; font-size: 11px; }
			div.cholder { background: #fff; }			
			.relatedInfo ul li a.head:hover,
			.relatedInfo ul li a.Shead:hover {
				background-color:#cadae0; 
				background-image: none; 
			}
			
				.relatedInfo ul li div a {
					display: inline;
					background: none;
					padding:0;
					border: none;
					font-weight:normal; 
				}
				
				.relatedInfo ul li div.cholder,
				.relatedInfo ul li div.cholder a  {
					font-size: 12px; 
				}
				
				.relatedInfo ul li div a:hover {
					background: none;
				}
			
			/** start submenu **/
				ul#submenu {
					border-left:1px solid #dddddd; border-right:1px solid #dddddd;
				}
				
				.relatedInfo div.cholder div {
					padding:5px 10px;
				}
				
				.relatedInfo ul ul{ 
					background:none; 
				}
				
				.relatedInfo ul ul li{ 
					padding:4px 0;
				}
				
				.relatedInfo ul ul li a{
					font-weight:normal; color:#1c59a7; 
					display:inline; background:none; border:none; padding:0;
				}
				
				.relatedInfo ul ul li a:hover{color:#226b83; text-decoration:underline; background:none; border:none;}
				
			/** end submenu **/
			
			
			.relatedInfo2{width:230px; float:left; margin:20px 0;}
			
			.relatedInfo2 h3{ 
				font-size:15px; color:#fff; 
				background:url(../images/relatedinfoBg2.gif) no-repeat left top;
				padding:8px 10px;
			}
			
			.relatedInfo2 ul{ 
				list-style:none;
				}
				
			.relatedInfo2bottom {
				 background:url(../images/relatedinfoCloser2.gif) no-repeat left bottom; 
				 line-height:1px;
				 height:5px;
			}
			
			.relatedInfo2 ol {
				margin-left: 20px; 
			}
			
			.relatedInfo2 ul li{ font-size:13px; }
			
			.relatedInfo2 ul li a.head,
			.relatedInfo2 ul li a.Shead { 
				display:block; 
				background:#e9e9e9 url(../images/relatedinfoItem.gif) repeat-x top;
				padding:7px 10px;
				border:1px solid #dddddd; 
				color:#4b4b4b; 
				border-bottom:1px solid #e9e9e9;
				border-left:0;
				border-right:0; 
			}
			
			.relatedInfo2  .headingMenu  {
				font-weight:bold; 
			}
			
			
			.relatedInfo2 small { font-weight: normal; font-size: 11px; }
			div.cholder { background: #fff; }			
			.relatedInfo2 ul li a.head:hover,
			.relatedInfo2 ul li a.Shead:hover {
				background-color:#cadae0; 
				background-image: none; 
			}
			
				.relatedInfo2 ul li div a {
					display: inline;
					background: none;
					padding:0;
					border: none;
					font-weight:normal; 
				}
				
				.relatedInfo2 ul li div.cholder,
				.relatedInfo2 ul li div.cholder a  {
					font-size: 12px; 
				}
				
				.relatedInfo2 ul li div a:hover {
					background: none;
				}
			
			/** start submenu **/
				ul#submenu {
					border-left:1px solid #dddddd; border-right:1px solid #dddddd;
				}
				
				.relatedInfo2 div.cholder div {
					padding:5px 10px;
				}
				
				.relatedInfo2 ul ul{ 
					background:none; 
				}
				
				.relatedInfo2 ul ul li{ 
					padding:4px 0;
				}
				
				.relatedInfo2 ul ul li a{
					font-weight:normal; color:#1c59a7; 
					display:inline; background:none; border:none; padding:0;
				}
				
				.relatedInfo2 ul ul li a:hover{color:#226b83; text-decoration:underline; background:none; border:none;}
				
			/** end submenu **/
			
		/** end related information box **/
	
	/** end right content **/

/** start footer **/
	#footer{ 
		border-top:1px solid #dddddd; 
		background:url(../images/footerbg.gif) no-repeat right top;
		margin-top:20px;
	}
	
	#footer h3{ color:#2251a0}
	
	.contactUs, .region{ float:left; margin:12px 0; }
	.contactUs .title { padding-right: 0px; }
	.region h3, .region p { display: inline !important; }
	
	.contactUs{ margin-right:0 ;}
	
	.region{ padding:10px 15px; border-right:1px solid #dddddd;}
	
	.copyright{ border-top:1px solid #dddddd; padding:10px 0;}
	
/** end footer **/



/* Hacks
------------------------------ */
/** Clearfix **/
.cf:after, .clearfix:after , #bannerNarrow:after, .featureBenefit:after, .featureBenefit .fContainer:after, .tabsContainer:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cf, .clearfix, #bannerNarrow, .featureBenefit, .featureBenefit .fContainer, .tabsContainer  {display: inline-block;}
/* Hides from IE-mac \*/
* html .cf, * html .clearfix, * html #bannerNarrow,  * html .featureBenefit, * html .featureBenefit .fContainer, * html .tabsContainer  {height: 1%;}

.cf, .clearfix, #bannerNarrow, .featureBenefit, .featureBenefit .fContainer, .tabsContainer {display: block;}
/* End hide from IE-mac */

/** hasLayout **/
/* IE 6 */
* html a { display:inline-block; }
/* IE 7 */
*:first-child+html a { position:relative; }

.clear { clear:both; }

.titlewithdotLine, .titlewithLine, .titlewithline {
	margin:15px 0 10px 0;
}

.titlewithdotLine {
	padding-bottom:5px;
	background: url('../images/hdotline.gif') repeat-x bottom;
}

.titlewithLine,
.titlewithline  {
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	display:block; 
}

.moreupspace {
	margin-top:30px !important;
}

.morebottomspace {
	margin-bottom:30px !important;
}

.readmore {
	background: url("../images/arrowYellow.gif") no-repeat center right;
	padding-right:10px;
}

.topMenu ul {  list-style: none; margin:0; padding:0; } 
.topMenu ul li { position: relative;
	display:block;
	 
 list-style: none; margin:0; padding:0; float:left; }

.topMenu li ul { 
	position:absolute !important;   
	width: 150px;
	text-align: left;
	left: -1px;
	top: 15px;
	margin-left:0; 
}

.partnerlogin { display: none;  }
.hover .partnerlogin { display: block !important; }

.topMenu li ul, .topMenu li ul li { 
float: none;
	position: relative;
	text-transform: none;
list-style: none; margin:0; padding:0; font-size: 12px; }

.topMenu li ul a { font-size: 11px; font-weight:bold; }


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


label.error {
	font-size: 11px;
	color: red;
	padding-left: 10px; 
}

.mainSlides {
	width: 900px;
	height: 250px;
	position:relative;
	padding: 0;
	overflow:hidden;
	font-size:13px;
	line-height:1.3em;
}

.mainSlides h2 { font-size:20px; line-height:1.3em; padding:0; margin:0 0 0.2em 0; }
.mainSlides h2 a:hover { text-decoration: underline; }

.mainSlides p { padding:0 250px 0 0; margin:0; }
.mainSlides #f1 h2 { font-size: 18px; }
.mainSlides .slides {
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
	width: 900px;
	height: 250px;
	background: url("../images/slideBg_0.jpg");
	overflow:hidden;
}
.mainSlides .slides li {
	list-style:none;
	padding:0;
	margin:0;
	width: 900px;
	height: 250px;
	position:absolute;
	display:none;
	left:0;
	top:0;
}


.mainSlides .slideContentWrapper {
	width: 570px; 
	padding: 20px; 
	position: relative; 
}

.mainSlides .slideButtons {
position:absolute;
height:55px;
display:block;
left:15px;
bottom: 40px; 
display:none;
}
.mainSlides .slideButtons a {
	background:url('../images/mainslides-buttons.png') 0 -180px repeat-x;
	float:left;
	height:45px;
	position:relative;
	top:10px;
	margin:0 15px 0 13px;
	font-size:16px;
	font-weight:bold;
	line-height:45px;
	padding:0 3px;
}
.mainSlides .slideButtons a span {
	background:url('../images/mainslides-buttons.png') 0 0 no-repeat;
	width:13px;
	height:45px;
	position:absolute;
	top:0;
}
	.mainSlides .slideButtons a span.bl { 
		background-position:0 0;
		left:-13px;
	}
	.mainSlides .slideButtons a span.br { 
		background-position:0 -90px;
		right:-13px;
	}
	
	.mainSlides .slideButtons a span.p {
		background-position:0 -270px;
		left:50%;
		height:10px;
		margin-left:-6px;
		top:-8px;
		display:none;
	}
	
.mainSlides .slideButtons a:hover, .mainSlides .slideButtons a.current { color:#ffffff; background-position:0 -225px; }
.mainSlides .slideButtons a:hover span.bl, .mainSlides .slideButtons a.current span.bl { color:#ffffff; background-position:0 -45px; }
.mainSlides .slideButtons a:hover span.br, .mainSlides .slideButtons a.current span.br { color:#ffffff; background-position:0 -135px; }
.mainSlides .slideButtons a.current span.p { display:block; }

.mainSlides .leadform {
	position:absolute;
	width:230px;
	height:58px;
	font-size:11px; line-height: 14px;
	top:75px;
	right:0;
	padding:0;
	margin:0;
}

.mainSlides .flybox {
	position:absolute;
	width:236px;
	height:58px;
	font-size:13px;
	line-height:1.3em;
	top:15px;
	right:0;
	padding:0;
	margin:0;
}
.mainSlides .flybox a {
	display:block;
	padding:10px 15px 0 15px;
	width:206px;
	height:48px;
}
	.mainSlides .flybox-blue { background:url('../images/mainslides-flybox-blue.png') 0 0 no-repeat; }
		.mainSlides .flybox-blue a { color:#fff; }
		.mainSlides .flybox-blue a:hover { color:#f0cc22; }
	.mainSlides .flybox-red { background:url('../images/mainslides-flybox-red.png') 0 0 no-repeat; }
		.mainSlides .flybox-red a { color:#fff; }
		.mainSlides .flybox-red a:hover { color:#ffea83; }
	.mainSlides .flybox-yellow { background:url('../images/mainslides-flybox-yellow.png') 0 0 no-repeat; }
		.mainSlides .flybox-yellow a { color:#23469a; }
		.mainSlides .flybox-yellow a:hover { color:#ffffff; }
	
	
.banner_tagline {
	background:url('../images/goldbox.png') no-repeat 0 0;
	padding:6px 10px 6px 46px;
	height: 48px;
	line-height: 20px !important;
	margin:0 0 0 5px !important;
	color:#2251A0; 
	font-size:18px;
}

.testimonial{ width:575px; margin:10px 0 0 15px; }
.testimonial p { margin:0; padding:0; }
.testimonial-title { font-size:16px; line-height:1.3em; margin:0 0 0.5em 0; padding:0; }
.testimonial-box { background:url('../images/wide-testibg-m.gif') 0 0 repeat-y; }
.testimonial-outer { background:url('../images/wide-testibg-t.gif') 0 0 no-repeat; }
.testimonial-inner { background:url('../images/wide-testibg-b.gif') 0 100% no-repeat; padding:5px 26px 30px 44px; }
.testimonial-author { padding:8px 0 0 20px; }


.twitterBlogCols { padding: 20px 10px 10px 15px; }

.twitterBox { 
	width: 275px; height:257px; 
	padding-bottom: 10px; 
	float: left; 
	margin-bottom: 5px; 
	background: url("../images/box_275.gif") no-repeat 0 100%;
}

.twitterBoxWrapper {
	padding: 5px 5px 0 5px; 
	background: url("../images/box_275.gif") no-repeat 0 0;
}

.twitterBox .twitterBox-header { margin-bottom: 10px;   }
.twitterBox .twitterBox-header h1 { color: #454545; margin:0; padding:0 0 0 5px; 
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
}
.twitterBox .twitterBox-content {
	width:255px;
	height:216px;
	overflow:auto;
	padding-left:5px;
}

.twitterBox .twitterBox-item {
	background:#fff;
	padding:8px 20px 8px 5px;
	margin:0;
	border-top:1px solid #efefef; 
	width:248px;
}

.twitterBox .twitterBox-item a:hover { text-decoration: underline; }

.twitterBox .twitterBox-item-header {
	height:30px;
}
.twitterBox .twitterBox-item-header .twit_source_logo {
	float:left;
	margin:0 6px 0 0;
}
.twitterBox .twitterBox-item-header .twit_source {
	display:block;
	font-size:13px;
	color:#234e9f;
	font-weight:bold;
	line-height:1em;
	padding:3px 0 0 0;
	margin:0;
}
.twitterBox .twitterBox-item-header .twit_time {
	display:block;
	font-size:11px;
	line-height:1em;
	color:#898989;
}

.twitterBox .twitterBox-item-content {
}
.twitterBox .twitterBox-item-content .twit_by { display:block; clear:both; }
.twitterBox .twitterBox-item-content .twit_by a { display:inline; float:none; width:auto; height:auto; padding:0; margin:0; position:static; }


.twitterBox .loading {
	width: 24px; 
	height: 24px; 
	margin: 2em auto; 
}


.twitter-header { }
.twitter-header .avatar { float: left; margin-right: 6px;  }
.twitter-header .info { float: left; }
.twitter-header .info a { font-size: 18px;   }
.twitter-header .followers { font-size: 15px; font-weight: bold;  }

.twitter-header .followus {  float: right;}
.twitter-header .followus a {
	width: 55px; height: 24px; display: block; padding-left: 28px; line-height: 22px; 
	font-size: 12px; font-weight: bold; 
	background: url("../images/btn-follow.png") no-repeat 0 0;
}
 

ul.twitterSteamList { list-style: none; margin:0; padding:0; }
ul.twitterSteamList li { font-size: 11px; line-height: 15px;  list-style: none; margin:0; padding:8px 0; border-top: 1px dotted #eee;  }
ul.twitterSteamList li a:hover { text-decoration: underline; }

.blogPosts {
	width: 275px; 
	float: right; 
	margin-bottom: 8px; 
	padding-bottom: 10px; 
	background: url("../images/box_275.gif") no-repeat 0 100%;
}

.blogPostsWrapper {
	padding: 5px 5px 0 5px; 
	background: url("../images/box_275.gif") no-repeat 0 0;
}

.blogPosts .blogPosts-title {
	color: #454545; margin:0; padding:0 0 0 5px; 
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
}


ul.blogpostsListing { margin:0; padding:0;  list-style: none;  }
ul.blogpostsListing li { margin:0; padding:3px 0; list-style: none;  }
ul.blogpostsListing li p { margin:0; padding:0; }
ul.blogpostsListing li p.title { font-size: 13px;   }

.blogposts-items { padding: 5px; }


.whitepaperBox {
	background: url("../images/wpaper_box.gif") no-repeat 0 100%;
	padding-bottom: 10px; 
	width:275px;
}

.whitepaperBoxWrapper {
	background: url("../images/wpaper_box.gif") no-repeat 0 0;
	padding: 10px 10px 0 10px; 
}

.whitepaperBox h5 {
	color: #1F5BA7; margin:0; padding:0 0 0 5px; 
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
}

ul.whitepaperListing { list-style: none; margin:0; padding:0; }
ul.whitepaperListing  li { 
	background: url("../images/btnRead2.png") no-repeat 0 10px;
	list-style: none; margin:0; padding: 8px 5px 8px 40px; border-bottom:1px solid #ccc;
}
ul.whitepaperListing  li.last { border: none; }
ul.whitepaperListing  li  p { font-size: 11px; padding:0; margin:0;  }
ul.whitepaperListing  li  p.title { font-size: 12px; font-weight: bold; margin-bottom: 3px; }
ul.whitepaperListing  li  a:hover {text-decoration: underline; }

.facebookBox {
	background-color:#fff;
	width: 272px; margin: 0 auto 5px auto;	
}

.homepageCols { padding: 10px 15px 0 15px; }
.homepageCols .hpCol { width: 275px; margin-right: 20px; float: left; }
.homepageCols .last { margin-right: 0; }
.homepageCols .boxTitle {
	background: url("../images/boxTitle.png") no-repeat 0 0;
	height: 30px; padding: 10px 0; font-size: 20px; color:#26499b; text-transform: uppercase;  
	text-align: center; 
	margin-bottom: 5px; 
}


/***********/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	background:url('../images/scrollpane-track.gif') 0 0 repeat-y;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	background:#406db0 url('../images/scrollpane-drag.gif') 0 0 repeat-y;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display:none;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	display:none;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	display:none;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	display:none;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#socialButtons  { padding: 8px 5px 0 5px; height: 53px; margin-bottom: 5px;  }

#socialButtons a {
	background-image: url("../images/social_icons.png");
	background-repeat: no-repeat;
	display: block;
	float:left; 
	width:  75px; 
	text-transform: none; 
}

	#socialButtons a  { text-align:center; padding-top: 32px; color: #4c9dc1; font-size: 11px; }
	#socialButtons a span { text-align:center; }
	#socialButtons a:hover { color: #204689; }
	
	#socialButtons a.twitter {
		width: 63px; 
		background-position: -12px 0; 
	}

	#socialButtons a.facebook {
		background-position: -108px 0; 
	}
	
	#socialButtons a.linkedin {
		background-position: -215px 0; 
		width: 62px; 
	}
	
	#socialButtons a.rss {
		width: 62px; 
		background: url("../images/ico-rss.png") no-repeat 50% 0;
	}
	
	

#socialButtons2  { padding: 8px 5px 0 5px; height: 53px; }

#socialButtons2 a {
	background-image: url("../images/social_icons.png");
	background-repeat: no-repeat;
	display: block;
	float:left; 
	width:  70px; 
	text-transform: none; 
}

	#socialButtons2 a  { text-align:center; padding-top: 32px; color: #4c9dc1; font-size: 11px; }
	#socialButtons2 a span { text-align:center; }
	#socialButtons2 a:hover { color: #204689; }
	
	#socialButtons2 a.twitter {
		background-position: -10px 0; 
	}

	#socialButtons2 a.facebook {
		background-position: -111px 0; 
	}
	
	#socialButtons2 a.linkedin {
		background-position: -211px 0; 
	}

	.hideit { display: none; }

	
	@CHARSET "UTF-8";

 /*demo page css*/


            .demoHeaders {
                margin-top: 2em;
            }

            #dialog_link {
                padding: .4em 1em .4em 20px;
                text-decoration: none;
                position: relative;
            }

            #dialog_link span.ui-icon {
                margin: 0 5px 0 0;
                position: absolute;
                left: .2em;
                top: 50%;
                margin-top: -8px;
            }

            ul#icons {
                margin: 0;
                padding: 0;
            }

            ul#icons li {
                margin: 2px;
                position: relative;
                padding: 4px 0;
                cursor: pointer;
                float: left;
                list-style: none;
            }

            ul#icons span.ui-icon {
                float: left;
                margin: 0 4px;
            }

            
           	.selHrs, .selMins {
           		width:2.5em;
           	}
           	.selHrs {
           		margin-left:5px;
           	}
           	.dayPeriod {
           		display:inline-block;
           		width:20px;
           	}
           	.slider {
           		height:120px; 
           		float:left; 
           		margin:10px
           	}
           	
           	#tpSelectedTime {
           		margin-bottom:0;
           		border-bottom:1px solid #aaa;
           		padding:5px;
           		color:#000;
           		background:#fff;
           		text-transform:none;
           		
           	}
           	#tpSelectedTime span {
           		fon-weight:bold;
           	}
           	#datepicker {
           		
           	}
           	#pickerplug {
           		overflow:hidden;
           		display:none;          		
           		position:absolute;
           		top:200px;
           		left:300px; 
					padding:0;
					margin:0;
           		z-index:500;	
           	}
           	#pickerplug li {
           		display:block;
           		float:left;
           	}
           	#timepicker {
           		border:1px solid #aaa;           		
           		background:#fff;
           	}
           	#timepicker ul {
           		overflow:hidden;
           		padding:5px;
           	}
           	#timepicker ul li {
           		position:relative;
           		display:block;
           		float:left;
           		width:50px;
           		        		
           	}
           	#timepicker ul li h4 {
           		width:100%;
           		background:transparent;
           		color:#000;
				text-align:center;           		           		
           	}
           	#timepicker ul li .slider {
           		position:relative;
           		left:10px;
           		
           	/*	background:#FBF9EE url(images/ui-bg_glass_55_fbf9ee_1x400.png) repeat-x scroll 50% 50%;
				border:1px solid #FCEFA1;*/
           	}


			
			


/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }


.shareThisButton { display: block; margin-top: 1em; }
.shareThisButton  a { color:#fff; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/

#contentIFrame .contentwrapper { background: none; width: auto; }
#contentIFrame .breadcrumb { padding: 8px; float: right; margin-top: 3px;  }
#contentIFrame .iframeWrapper { background: #fff; border:1px solid #ddd; }
#contentIFrame .iframeWrapper .mainContentWide { padding: 10px; margin:0;  }


.headerFluid {
	height: 37px; display: block; width: 100%;
	position: relative; margin-top: 5px; 
	background: url("../images/headerBar.png") repeat-x 0 0 ;
}

.headerFluid .headerFluidC {
	padding: 0 10px; 
}

.headerFluid .headerFluidL, .headerFluid .headerFluidR {
	width: 10px; height: 37px; display: block; position: absolute;
	background-image: url("../images/headerBar.png");
	background-repeat: no-repeat; top:0; 
}
.headerFluid .headerFluidL { left:0; background-position: 0 -37px;  }
.headerFluid .headerFluidR { right: 0;  background-position: -10px -37px;  }