/* GENERAL STYLES */


.articalHolder{
	width:500px;
	float:left;
}

#SideMenu2{
	min-height:100px;
	float:left;
	margin-right:20px;
}

#SideMenu2 li{
border:1px solid #CCCCCC;
padding:2px;
height: 20px;
margin-bottom:2px;
}

#SideMenu2 li a {
	display:block;
	width:200px;
	line-height: 2em;
	height: 20px;
	text-indent:8px;
	color:#000;
}
#SideMenu2 li a:hover,
#SideMenu2 li:hover{
	display:block;
	width:200px;
	height: 20px;
	background:#F2F7F5;
	display:block;
}

.rightBox{
float:right;

	
}

#umbLogin_3_PanelSignIn, 
#umbRegister_2_ValidationSummary1 {
	padding:10px;
}

#NewSignUp{
	padding:20px 0px;
}

#umbRegister_2_ValidationSummary1{
	padding:10px 8px;
	background:#FFCC66;
	border:1px solid #FF6600;
	margin:3px 0px;
}
.umbSignupError{
	padding:10px 8px;
	background:#FFCC66;
	border:1px solid #FF6600;
	margin:3px 0px;
}

.dguNormal {
	border:none;
}

.umbGroupButton{
	padding:2px 5px;
}

#Articallist{
	padding:30px;
}
#Articallist li{
	font-size:1.5em;
}
#Articallist li.articalTitle{
 color:#336699;
}
#Articallist li.articalSummary{
	font-size:1.2em;
	margin-bottom:2px;
}
#Articallist li.articalDate{
	font-size:1em;
	font-style:italic;
	color:#999999;
	margin-bottom:18px;
}

#BreadCrum{
	width:70%;
	display:block;
	
}

#BreadCrum li{
	float:left;
	margin-left:5px;
	display:block;
}
#BreakCrum li a{
 
}
#BreakCrum li a:hover{

}
.currentSelection{
	color:#FF6600;
}

.exampleBox{
	font-size: 12px;
	border: 1px #C9D09F solid;
	background:url(/images/example_gradient.jpg) repeat-x top left;
}
.exampleBox span{
	padding: 1em;
	display:block;
}
.exampleBox h5{
	font-size: 12px;
	color:#ff5c00;
	font-weight:bold;
}
.exampleBox p{
	font-size: 12px;
	padding:0px 3px 0px 3px;
}

.calulationBox{
	border: 1px #C9D09F solid;
}
.calulationBox span{
	padding: 1em;
	display:block;
}

#BoxEditions {
	background:url(/images/BoxEditions_bacground.png) no-repeat bottom;
	width:440px;
	height:531px;
}

#BoxEditions .boxTop{
	width:452px;
	font-size:12px;
	height:41px;
	margin-top:5px;
}
#BoxEditions .boxBody{
	padding-bottom:4px;
	padding-top:4px;
	width:452px;
}
.boxBody p{
	padding:0px 20px;
}
#BoxEditions .boxBottom{
	width:452px;
	line-height:1em;
	font-size:12px;
	height:86px;
	margin-bottom:5px;
}


#BoxRed .boxTopRed{
	width:321px;
	background:url(/images/boxTop_Red.jpg) no-repeat top;
	font-size:12px;
	height:6px;
	margin-top:5px;
}
#BoxRed .boxBodyRed{
	background:#f3e7cb;
	padding-bottom:4px;
	padding-top:4px;
	width:321px;
}
#BoxRed .boxBottomRed{
	width:321px;
	background:url(/images/boxBottom_Red.jpg) no-repeat bottom;
	line-height:1em;
	font-size:12px;
	height:6px;
	margin-bottom:5px;
}
#BoxGreen .boxTopGreen{
	width:321px;
	background:url(/images/boxTop_Grreen.jpg) no-repeat top;
	font-size:12px;
	height:6px;
	margin-top:5px;
}
#BoxGreen .boxBottomGreen{
	width:321px;
	line-height:1em;
	font-size:12px;
	height:6px;
	margin-bottom:5px;
	background:url(/images/boxBottom_Grreen.jpg) no-repeat bottom;
	
}
#BoxGreen .boxBodyGreen{
	background:#f0f3cb;
	padding-bottom:4px;
	padding-top:4px;
	width:321px;
}
#BoxGreen p, #BoxRed p{
	padding:0px 20px;
}
#BoxGreen br, #BoxRed br{
	margin:0px;
}
div.newProductTitle h5{
	text-indent:-90000px !important;
	text-indent:40px;
	font-size:12px;
	height:69px;
	line-height:3.8em;
	position:relative;
	top:-40px !important;
	top:-15px;
	left:-18px;
	margin-bottom:-35px;
	background:url(/images/NewProductStar_03.png) no-repeat !important;
	background:none;
}


.picdivs 
{
	margin-top:0px;
}

.picdivs img {  float:left;
				padding-right:20px;
				padding-bottom:20px;
				padding-top:6px;
				}
				
.picdivs h4 { margin-bottom:0px;
			  margin-top:-0px;}		
	
	
.borderTables{
	border:1px solid #CCCCCC !important;
}

.borderTables td{
	border-top:1px solid #CCCCCC !important;
	border-left:1px solid #CCCCCC !important;
}

.sqrBorderGray{
	border:1px solid #CCCCCC;
	padding:7px;
}


		.icon {
			clear:both;
			height:60px;
			padding-top:7px;
		}
		.icon img{
			float:left;
			padding-left:16px;
			padding-right:10px;
		}
		.icon .details{
			float:left;	
			display:block;
			width:90%;
		}

		


/*-----------------------------------------------------------------
			GrayBox Grads
		-----------------------------------------------------------------*/	
		
		.boxGradHead{
			display:block;
			background:url('/images/boxs/boxHeadBorder.png') no-repeat;
		}
		.boxGradHead2Col{
			display:block;
			background:url('/images/boxs/boxHeadBorder2Col.png') no-repeat;
		}
		.boxGradBody{
			background:url('/images/boxs/boxGradBodyGrad.png') repeat-x bottom;
			display:block;
			border-left:1px solid #aeb738;
			border-right:1px solid #aeb738;
			padding:0px 15px;
		}
		
		.boxGradDownBody{
			background:url('/images/boxs/boxGradDownBody.png') repeat-x top;
			display:block;
			border-left:1px solid #aeb738;
			border-right:1px solid #aeb738;
			padding:0px 15px;
		}
		.PanalBody{
			display:block;
			border-left:1px solid #aeb738;
			border-right:1px solid #aeb738;
			padding:0px 15px;
		}
		
		.boxGradFooter{
			display:block;
			background:url('/images/boxs/boxGradBottom.png') 0px -15px no-repeat;
			background-position:0px 0px !important;
			height:15px;
			line-height:1px;
			font-size:1px;
		}
		.boxGradFooter2Col{
			display:block;
			background:url('/images/boxs/boxGradBottom2Col.png') 0px -15px no-repeat;
			background-position:0px 0px !important;
			height:15px;
			line-height:1px;
			font-size:1px;
		}


#liveBox{
		height:265px !important;
		background:url('/images/Young-Businessman.gif') bottom right no-repeat;
		position:relative;
		top:5px;
		padding:0px 0px;
	}
	#liveBox h5, #demoBox h5, #homeDemoBox h5, #homeLiveBox h5{
		font-family:Helvetica, Sans-serif, Arial;
		font-size:2em;
		font-weight:normal;
		color:#2c2f12;
	}
	#liveBox p{
		font-family:Helvetica, Sans-serif, Arial;
		font-size:1.3em;
		font-weight:normal;
		color:#666666;
		padding:10px 0px;
	}
	#liveBox ul{
		font-family:Helvetica, Sans-serif, Arial;
		font-size:1.2em;
		font-weight:bold;
		color:#666666;
	}
	
	#liveBox #CreateLiveBtn{
		padding-top:8px;
	}
	
	#demoBox, #demoBox h5{
		height:265px;
		padding-bottom:0px !important;
	}


/* Styles for Example #2 */
#LAccord, #HomeLeftAccord, #HomeRightAccord, #AddressAcord{
margin:0;
padding:0;
width:184px;
list-style-type:none;
background-color:#FFFFFF;
color:#000000;
line-height:120%;
height:266px;
}
#LAccord a, #HomeLeftAccord a, #HomeRightAccord a, #AddressAcord a{
display:block;
font-weight:normal;
text-decoration:none;
text-align:left;
text-indent:15px;
}
#LAccord ul, #HomeLeftAccord ul, #HomeRightAccord ul, #AddressAcord ul{
overflow: hidden;
margin:0;
padding:0;
background-color:#FFFFFF;
}
#LAccord li, #HomeLeftAccord li, #HomeRightAccord li, #AddressAcord li{
margin:0;
padding:0px;

list-style-type:none;
}
#LAccord li span, #HomeLeftAccord li span, #HomeRightAccord li span, #AddressAcord li span{
margin:20px;
padding:0px !important;
padding:20px;
}
#LAccord li a, #HomeLeftAccord li a, #HomeRightAccord li a, #AddressAcord li a{
width:184px;
padding:0px 0 0 0px;
display:block;
color:#FFFFFF;
background-image:url('/images/boxs/sco-header.png');
height:29px;
line-height:2.3em;
font-size:12px;
}
#LAccord li a.closed, #HomeLeftAccord li a.closed, #HomeRightAccord li a.closed, #AddressAcord li a.closed{
color:#FFFFFF !important;
background-image:url('/images/boxs/sco-header.png') !important;
}
#LAccord li.firstitem a.closed, #HomeLeftAccord li.firstitem a.closed, #HomeRightAccord li.firstitem a.closed, #AddressAcord li.firstitem a.closed{
color:#FFFFFF !important;
background-image:url('/images/boxs/sco-header-first.png') !important;
}
#LAccord li.lastitem a.closed, #HomeLeftAccord li.lastitem a.closed, #HomeRightAccord li.lastitem a.closed, #AddressAcord li.lastitem a.closed{
color:#FFFFFF !important;
background-image:url('/images/boxs/sco-header-last.png') !important;
}
#LAccord li li, #HomeLeftAccord li li, #HomeRightAccord li li, #AddressAcord li li{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:0px;
height:175px;
}
#LAccord li a.opened, #HomeLeftAccord li a.opened, #HomeRightAccord li a.opened, #AddressAcord li a.opened{
background-image:url('/images/boxs/sco-header-active.png');
color:#000000;
}
#LAccord li.firstitem a.opened, #HomeLeftAccord li.firstitem a.opened, #HomeRightAccord li.firstitem a.opened, #AddressAcord li.firstitem a.opened{
background-image:url('/images/boxs/sco-header-first-active.png');
color:#000000;
}
#LAccord li.lastitem li, #HomeLeftAccord li.lastitem li, #HomeRightAccord li.lastitem li, #AddressAcord li.lastitem li{
margin-bottom:-4px;
}
#LAccord li.lastitem ul, #HomeLeftAccord li.lastitem ul, #HomeRightAccord li.lastitem ul, #AddressAcord li.lastitem ul{
background-image:url('/images/boxs/sco-footer.png');
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}

#LAccord li li, #HomeLeftAccord li li, #HomeRightAccord li li{
	height:230px !important;
}

#HomeRightAccord #subMenuButtons li{
	border-left:1px none #CCCCCC !important;
	border-right:1px none #CCCCCC !important;
	padding:7px 5px 3px 6px !important;
	height:20px !important;
}
#HomeRightAccord #subMenuButtons li a{
	border-left:1px none #CCCCCC !important;
	border-right:1px none #CCCCCC !important;
	padding:0px !important;
	height:30px !important;
}


div.blueHeadBox {
  background: url('/images/boxs/sco-header-first.png') top left no-repeat;
  }
	div.blueHeadBox .head {
	  font-family:"Trebuchet MS", Helvetica, Sans-serif, Arial;
	  font-size:12px;
	  padding:5px 15px;
	  margin:0 -5px 0 0;
	  color:#FFFFFF;
	  } 
	  div.blueHeadBox .bodycopy{
				position:relative;
				top:3px;
				left:0px;
	  } 
div.boxFooter{
	background-image:url('/images/boxs/sco-footer.png');
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:8px;
}
			
/*-----------------------------------------------------------------
			Orange Buttons
		-----------------------------------------------------------------*/		
	.usehand{
		cursor:pointer;
		text-decoration:none;
	}
	
	.orangeButton1 a{
		color:#ffffff;
		background:url(/images/boxs/ActionButton.png) no-repeat !important;
		background:url(/images/boxs/ActionButton.gif) no-repeat;
		width:147px;
		height:30px;
		display:block;
		float:left;
		cursor:pointer;
		
		line-height:2em;
		font-family: Helvetica, Sans-serif, Arial;
		font-size:1.4em;
		font-weight:500;
		text-align:center;
	}
	.greenButton a:visited, .orangeButton1 a:visited{
		color:#ffffff;
	}
	.orangeButton1 a:hover{
		color:#000000;
		background:url(/images/boxs/ActionButton.png) 0px -30px no-repeat !important;
		background:url(/images/boxs/ActionButton.gif) 0px -30px no-repeat;
		width:147px;
		height:30px;
		cursor:pointer;
		text-decoration:none;
	}	

	.orangeButton1 a:active{
		color:#000000;
		background:url(/images/boxs/ActionButton.png) 0px -60px no-repeat !important;
		background:url(/images/boxs/ActionButton.gif) 0px -60px no-repeat;
		line-height:2.1em;
		width:147px;
		height:30px;
	}	


	.greenButton a{
		color:#FFFFFF;
		background:url(/images/boxs/GreenButton.png) no-repeat !important;
		background:url(/images/boxs/GreenButton.gif) no-repeat;
		width:147px;
		height:30px;
		display:block;
		float:left;
		cursor:pointer;
		
		line-height:2em;
		font-family: Helvetica, Sans-serif, Arial;
		font-size:1.4em;
		font-weight:500;
		text-align:center;
	}
	.greenButton a:visited{
		color:#ffffff;
	}	
	.greenButton a:hover{
		color:#000000;
		background:url(/images/boxs/GreenButton.png) 0px -30px no-repeat !important;
		background:url(/images/boxs/GreenButton.gif) 0px -30px no-repeat;
		width:147px;
		height:30px;
		cursor:pointer;
		text-decoration:none;
	}	

	.greenButton a:active{
		color:#000000;
		background:url(/images/boxs/GreenButton.png) 0px -60px no-repeat !important;
		background:url(/images/boxs/GreenButton.gif) 0px -60px no-repeat;
		line-height:2.1em;
		width:147px;
		height:30px;
	}