/* DSG website styles -----------
   Created/Updated: 07-08-2010 by Kevin Knipe 
   Document Solutions Group, Inc. (DSG)©2010  
 ----------------------------- */

a img{border: 0;}
a {color:#16387c; vertical-align:middle;}
a:hover {color:blue;}

html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family:Arial, Helvetica;	
}
	
body {
	color:#333333;
	font-family:Arial, Helvetica;
	font-size:12px;
	line-height:18px;
	letter-spacing:normal;
	margin: 0 auto 0 auto;
	padding:0;
	text-align:left;
	font-weight:normal;
	background:#d0ddf0 url(../img/bkgd/body-color2.jpg) repeat-x;
	/*background-color:#eaeaea;*/
	height:100%; /* works only parent container is assigned a height value */ 
}

/* blockqoute related styles */
		.blockqoute-shell {
			padding:10px 30px 10px 0!important;
			display:block;
			margin:8px 0 0 0;		
			}

			blockquote {
				font-size: 13px;
				font-style:oblique;
				line-height:21px;
				/*color:#915910; golden brown color */
				color:#777777;
				font-weight:bold;
				background-image: url(../img/icons/icon-quote.png);
				background-repeat:no-repeat;
				background-position:left top;
				padding-left:35px;
			}

					.end-quote {
						background-image: url(../img/icons/icon-quote-right.png);
						background-repeat:no-repeat;
						height:20px;
						width:23px;
						display:block;
						background-position:top right;
						float:right;
					}
					
/*     These styles control the position of the client name and date within the blockqoute area  */			
		.txt-label-bold {
			padding-left:5px; 
			color:#444444; 
			float:right;
			font-size:17px;
			clear:left;	
			position:absolute;		
			margin:3px 0 0 2px;
			line-height:17px;
		}		
		
		.txt-label {
			 font-weight:normal;
			 text-align:center;
			 color:#444444;
			 font-size:11px;
			 padding-left:6px;
			 display:block;
		 }
		 
/* [End] blockqoute related styles */

.clear{
		clear:both; 
		display: block;
		height: 1px;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

input {vertical-align: middle; padding:1px 2px 0 2px; margin:0;}

p {margin:5px 0 0 0; padding:0 0 5px 0;}

.awards {	
	display:inline-block;
	 margin:5px 0; 
	 text-align:center; 
	 width:100%;
 }
 
#body-shell {
	width:960px;
	padding:0;
	margin:0 auto 0 auto;
}


	.btm-shell {
		width:100%;
		margin: 0;
		padding: 0;
	}

	#box-container {
		width:100%;
		margin: 0px;
		padding: 0px;
		background-image: url(../img/sidebar_blueshadow.gif);
		background-repeat: repeat-x;
		background-position: right top;
		overflow:hidden;
		position:relative;
	}

	.box-area {
		border-right:1px solid #ADD1E9;
		float:left;		
		padding:10px 15px 0 15px;
		margin:0;
		display:block;
		width:29%;		
	}
	
	.box-area-middle {
		padding:10px 15px 10px 15px;
		margin:0;
		display:block;
		width:23%;
		float:left;
		overflow:hidden;
		position:relative;
	}
	
	
	.box-area-right {
		float:left;
		border-left:1px solid #ADD1E9;
		padding:10px 10px 2px 15px;
		margin:0;
		display:block;
		width:335px;
		overflow:hidden;
		position:relative;
	}
	
	.box-area-right img {float:right; margin-top:5px;}

.box-content {	
	vertical-align:top;

	}


#bkgd-btm {
	background:url(../img/bkgd/bkgd-btm-blue.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

.border-break {
	border-bottom:2px dotted #CCC;
	margin:-8px 0 5px 0;
	padding:0 10px 5px 10px;
}

/* This controls the border area for the entire site */
#content-border {
	border-top: none;
	border-right: 1px outset #5da3d4;
	border-bottom: 1px solid #5da3d4;
	border-left: 1px outset #5da3d4;	
	width:auto;
	height:100%;
	padding:0;
	background-color:white;
}


#content-border-top {
	border-top: none;
	border-right: 1px outset #5da3d4;
	border-bottom: none;
	border-left: 1px outset #5da3d4;	
	width:auto;
	height:100%;
	padding:0;
}

/* This controls the text area and padding within the border of the site */
.content-area {
	padding:0;
	display:block;
	width:100%;
	height:100%;
	vertical-align:top;
	background:transparent;
	float:left; /* do not remove */
	overflow:visible;	
	}
	
/* This controls three column divs of the  site */	

#container3 {
    float:left;
    width:100%;
   	 background:#ffffff url(../img/sidebar_blueshadow.gif);
	background-repeat: repeat-x;
	background-position: right top;
    overflow:hidden;
    position:relative;
}

#container2 {
    float:left;
    width:90%;
     background:#eee url(../img/sidebar_blueshadow.gif);
	background-repeat: repeat-x;
	background-position: right top;
    position:relative;
    right:30%;
	border-right:1px solid #a4b4c2;
}

#container1 {
    float:left;
    width:100%;
    background:#ffffff url(../img/sidebar_blueshadow.gif);
	background-repeat: repeat-x;
	background-position: right top;
    position:relative;
    right:38%;
	border-right:1px solid #a4b4c2;
}

#col1 {
    float:left;
    width:30%;
    position:relative;
    left:72%;
    overflow:hidden;
}

#col2 {
    float:left;
    width:30%;
    position:relative;
    left:78%;
    overflow:hidden;
}

#col3 {
    float:left;
    width:29%;
    position:relative;
    left:80%;
    overflow:hidden;
}
	
	
	
.col-bullets ul{list-style:none; }
.col-bullets li {margin:0 0 10px 0; list-style:none; text-align:left;}

	.col-bullets a {text-decoration:none;}
	.col-bullets a:hover{text-decoration:underline;}

	
/* This controls bottom gray area of the website and top border */
div#column2 {
	padding:0;
	margin:0;
	width:100%;
	background:#eeeeee;
	background-repeat:no-repeat;
	border-top:1px solid #cccccc;
	}

div#column1 {
	margin: 0px;
	padding: 0px;
}

/* This controls the image and border, padding on the homepage that talks about DSG since 1992 etc. */
.dsg-message {margin:20px 20px 0 0; padding:5px 0 0 0; border-top:1px solid #cccccc;}
.dsg-message img {margin-top:15px;}

/*  ******************************************************************************************
           Controls the home page column design  bottom content  
*/
		
		.left-col {
			padding:0;
			margin:0;
			float:left;
			width:425px;
			text-align:left;
			vertical-align:top;				
			height:100%;		
		}
		
		#left-content {		
			padding:10px 0 10px 25px;								
		}
		
		
		#left-content a {font-size:12px;}
					
		.right-col-shell {						
			float:right;
			height:100%;
			width:495px;
			padding:0;
			vertical-align:top;	
			display:block;	
		}
				
		#right-content {
			padding:0px 10px 5px 25px;
			overflow: hidden;			
			display:block;
			font-size:11px;
			line-height:16px;
			}
		
/*  ******************************************************************************************
           Controls the home page column design  */
		
		#border {border-right:1px solid #a4b4c2;}
		#border-rightside {border-left:1px solid #a4b4c2;}
		
			
		/*#bkgd-col {
			background:#f4f4f4;
			background-repeat:repeat-x;
			background-position:top left;
			/*border-left:1px solid #a4b4c2;*/
			/*padding-top:10px;
			height:100%;
		}*/

/*  ******************************************************************************************
           [End]
*/

/* This style controls the text above the eCaseLink Demo Button */
	.demo-txt {
		color:#052342; 
		text-align:center;
		font-size:11px;
		margin-bottom:5px;
		line-height:14px;
		font-weight:bold;
		letter-spacing:0.03em;
	}	


#footer{	
	/*background-image: url(../img/footerbar.gif);
	background-repeat: repeat-x;*/
	margin:0 0 5px 0;
	padding:5px;
	text-align:center;
}

#footer {
	font-size:10px;
	color:#444;
}

#footer a{font-size:10px}

.line-break {border-top:1px dotted #333; padding-top:5px; margin-top:8px;}

.tm-symbol {font-size:12px; vertical-align:top;}
.txt-larger {font-size:14px;}

.image-shell {margin:3px 0 10px 5px; float:right;}

#interior {
	padding: 0 0 30px 0;
	clear: both;
	text-align: center;
}


#logo{padding: 7px 0 0 10px;}
	
	
	 .highlight-wrapper {	
		border-top:1px solid #beb688;
		border-right:1px solid #958f6d;
		border-bottom:2px solid #958f6d;
		border-left:1px solid #958f6d;
		padding:0 10px 5px 10px;
		margin:0px;
		/*background-color:#eef5f8;*/
		background-color:#f7f2dc;	 
	 }
	
	h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica; margin:0; padding:0;}

		h1{	font-size:18px;	color:#006699; padding-top:9px; font-weight:bold;}

				h1.header{
				font-weight:bold;
				color:Black; 
				font-family:Arial;
				text-align:center;
				padding:2px 0 4px 0;
				font-size:21px;
				}


		h2{	font-size:14px; color: #006699;}

				h2.header {
					font-weight:normal;
					color:#006699; 
					text-align:center;					
				}
				
				h2.header-bold {
					font-weight:bold;
					color:#006699; 
					text-align:center;
					margin-top:20px;
				}
			
				h2.sub-header {
					font-weight:bold;
					color:#006699; 
					text-align:center;
					font-size:12px;
					margin-top:15px;
				}
			
				.sub-header {
					background-color:#eef5f8;
					border-top:1px solid #a4b4c2;
					border-right:none;
					border-bottom:1px solid #a4b4c2;
					border-left:none;
					text-align:left;
					padding:4px 0 4px 10px;
					font-size:15px;
					color:#333333;
				}
			
		h3{
			font-size: 13px;
			/*color: #cc6633;*/
			color:#555555;
			padding:5px 0 0 0;
			margin:0;
			font-weight:bold;
		}
		
		/* This is used for the Middle columns on the dsg home page */
			h3.header{
				background-image: url(../img/arrow_orange.jpg);
				background-position:left;
				background-repeat:no-repeat;
				vertical-align:middle;
				padding:0 0 2px 20px;
				margin:8px 0 10px 0;
				font-size:13px;
				color:black;
			}
		
		h3.header a{color:black; text-decoration:none;}
		h3.header a:hover{color:#4d91d8; text-decoration:none;}
		
		h4{
		font-size: 12px;
		font-weight: bold;
		padding:8px 0 5px 0;
		margin:0;	
		color: #005e94;
		}
		
		h4 a {text-decoration:none; color:#0d309a; vertical-align:middle;}
		h4 a:hover {text-decoration:underline;}
		
		h5{
		font-size: 12px;
		color: #5191C6;
		font-weight: bold;	
		padding-bottom:10px;	
		}
		
		h6{
		font-size: 16px;
		color: #006699;
		padding-bottom: 6px;
		}

.pdf-link a{
		background-image:url(../img/icons/adobe-pdf-icon.png);
		background-repeat:no-repeat;
		background-position:left;
		font-size:11px;
		margin:0;
		padding:5px 5px 2px 20px;
		vertical-align:middle;
		display:inline-block;
	}


.bullets ul li { list-style-type:none; list-style-position:inside;}
.bullets li {line-height:24px;}
.bullets li a {}


	.startup-menu {
		background-image:url(../img/bkgd/startup_bkgd.jpg);
		background-repeat:repeat-x;
		background-position:left top;
		line-height:44px;
		display:inline-block;
		width:100%;
		vertical-align:middle;
		margin:0;	
		padding-top:2px;			
		}
	
	.startup-area  {	
		color:white;
		letter-spacing:1px;
		background-position:left;
		vertical-align: middle;	
		line-height:inherit;

	}
	
	.startup-area p {margin:0; padding:0; display:inline; float:left;}
	
	/* See homepage_1e.css file for vertical alignment issue for Explorer */
	.startup-area  a {
		color:white;
		text-decoration:none; 	
		background-image:url(../img/icons/icon-startup-arrow.png);
		background-repeat:no-repeat;
		background-position:left top;
		padding-left:32px;
		margin:0 0 0 64px;	
		font-size:16px;	
		vertical-align:baseline;
		}
		
	.startup-area a:hover {
		color:white; 
		text-decoration:underline;
		background-image:url(../img/icons/icon-startup-arrow2.png);
	}
	
	p.startup{
		font-size:20px!important;
		font-size-adjust:inherit;
		font-weight:normal; 
		color:white;
		letter-spacing:0.03em;
		margin:0 -10px 0 10px;
		font-family:Helvetica;
		font-style:oblique;
		display:inline-block;
		background-image:none;
		padding:0 0 0 20px!important;
		}
	

#sidebar{
	width: 250px;
	float: right;
	margin: 30px 20px 0 10px;
	line-height: 140%;
}
#sidebar h5{
	background:#FFF url(../img/dottedline.gif) no-repeat;
	padding-top:20px;

}
	.txt-caption {
		font-size:12px;
		/*color: #888787;*/
		color:#555555;
		font-weight:normal;
		margin-bottom:10px;
		line-height:17px;
	}
	
	.txt-caption-small {
		font-size:10px;
		/*color: #888787;*/
		color:#444444;
		line-height:14px;
		font-weight:normal;
		font-style:italic;
		margin-bottom:10px;
	}

	.txt-bold {
		font-size: 13px;
		color: #915910;
		font-weight:bold;
		}

	.txt-link {
		color: #0d309a;
		display:inline-block;
		}

.txt-link a{
	color: #0d309a;
	text-align:right;
	display:inline;
	float:right;
	}


.txt-color {
	color: #005e94;
	font-weight: bold;
}

.onelarger a{
	font-size: 110%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}



.dottedh {
	background-image: url(../img/dottedline-h.gif);
	background-repeat: repeat-y;
	background-position: 20px top;
	padding: 0 ;
}