﻿/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head .cssbox_head_left{ 
  background: transparent url(../images/boxes/cssBox.png) no-repeat bottom right} 

.cssbox_noborder .cssbox, .cssbox_noborder .cssbox_head, .cssbox_noborder .cssbox_body, .cssbox_noborder .cssbox_head_left {
  background: transparent none} 

.cssbox { 
  /* intended total box width - padding-right(next) */ 
/*  width:335px !important;*/ /* IE Win = width - padding */ 
/*  width: 320px;*/           /* the gap on the right edge of the image (not content padding) */ 
  padding-right:0px;     /* use to position the box */ 
  margin:0px auto;
  margin-bottom: 10px;
} 

/* set the top-right image */ 
.cssbox_head{
  background-position:top right;  /* pull the right image over on top of border */ 
  margin-right:0px !important;             /*right-image-gap + right-inside padding */ 
  padding-right:5px !important;             /* set the top-left image */
} 
.cssbox_head .cssbox_head_left{ 
  background-position:top left; 
  margin:0;                       /* reset main site styles*/ 
  border:0;                       /* ditto */ 
            /* padding-left = image gap + interior padding ... no padding-right */ 
  padding:0 0 0 40px; 
  height:5px !important;   
  font-size: 0px; /*IE height hack*/
} 

/* set the lower-left corner image */ 
.cssbox_body{ 
  background-position:bottom left; 
  margin-right:5px;              /* interior-padding right */ 
  padding:1px 0 10px 5px;       /* mirror .cssbox_head right/left */
  overflow: auto !important;
  overflow:none;                /* prevent content from flowing over te box */
} 

/* Content within the box */
.cssbox h1.csc-firstHeader {
  border-bottom:2px solid #009DE0;
  margin:0 0 5px;
  padding:2px 0 4px 4px;
}

.cssbox a {
	color: #444;
}

.cssbox a:hover {
	color: rgb(0,157,224);
	text-decoration: underline;
}

.cssbox ul {
  list-style-type: none;
  padding: 3px 0 3px 10px;
  font-weight: bold;
}

.cssbox li {
  padding: 3px 0;
}
#sBox .cssbox {
  width: 210px;
}

#sBox .cssbox_body {
  width: 200px;
}
#sBox .cssbox_head {
  width: 205px !important;
  width: 210px;
}

#gBox .cssbox_body {
  width: 590px;
}

#gBox .cssbox_head {
  width: 595px !important;
  width: 600px;
}


#gBox .noStaticWidth .cssbox_body {
  width: auto !important;  
}

#gBox .noStaticWidth .cssbox_head {
  width: auto !important;  
}
