@import url('dsg-navigation.css');
/* DSG website styles Created/Updated: 01-12-2012 by Kevin Knipe 
   Document Solutions Group, Inc. DSG ©1992,2012 */
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;height:100%;}
input{vertical-align:middle;padding:1px 2px 0 2px;margin:0;}
p{margin:5px 0 0 0;padding:0 0 5px 0;}
#body-shell{width:960px;padding:0;margin:0 auto 0 auto;}
.btm-shell{width:100%;margin:0;padding:0;}
.xball{background:url(../img/icons/icon-christmasball.png) no-repeat top left; padding:0 0 2px 20px; font-weight:bold; font-style:oblique;}
.xtree{background:url(../img/icons/icon-xmastree.png) no-repeat top left; height:16px; padding:0 0 0 18px; }
#box-container{width:100%;margin:0px;padding:0px;background:url(../img/sidebar_blueshadow.gif) repeat-x 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;}
/* Controls the home page column design  */
#border-rightside{border-left:1px solid #a4b4c2;}
/* 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:#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;}
.clear{clear:both;display:block;height:1px;overflow:hidden;margin:0;padding:0;}
/* These styles are used to Highlight the most current News or Events*/
.current-event a{color:Black;background-color:#f9be32;padding:4px 5px;display:inline-block;width:100%;}
.current-news a{background-color:#fce5ad;color:Black;padding:4px 5px;display:inline-block;width:100%;}
/* 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;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;}
.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;}
.eCaseLink {background:#ffffff url(../img/banners/ecaselink_edcsoftware.jpg); height:300px;}/*This was added incase Flash does not display */
/* 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;}
#footer{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;}
.image-shell{margin:3px 0 10px 5px;float:right;}
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.subHeader{font-size:13px;color:#555555;padding:5px 0 0 0;margin:0;font-weight:bold;}
h2{font-size:14px;color:#006699;}
h3{font-size:13px;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 18px;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;}
.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;}
.startup-area a{color:white;text-decoration:none;background-image:url(../img/icons/icon-startup-arrow.png);background-repeat:no-repeat;background-position:left;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-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;}
.txt-caption{font-size:12px;color:#555555;font-weight:normal;margin-bottom:10px;line-height:17px;}
/* [Start] of news Ticker Vertical styles */
#controller{padding:4px;font-size:11px;color:#666;float:right;margin:-35px 0 0 0;height:14px;width:14px;}
#play_scroll_cont{display:none;}
#NewsVertical{width:320px;height:164px;display:block;overflow:hidden;position:relative;}/* This controls the placement and Height of the news scroller area */
#TickerVertical{width:320px;display:block;list-style:none;margin:0;padding:0;overflow:hidden;}/* This controls the UL styles within news scroller area */
#TickerVertical li{display:block;width:320px;text-align:left;margin:0;padding:6px 0;float:left;}
