/* **************** BLOCK SKINS ***************** */
/* ====== Contour blocks ====== */
/* remove *background-image:" to default to square corners for IE */
/* ----- simple (extends mod) ----- */
.simple .inner {border:1px solid #D7D7D7;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
.simple b{*background-image:url(../images/layoutImages/skin/mod/simple_corners.png);}
/* ----- basic (extends mod) ----- */
.basic .inner {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
.basic b{*background-image:url(../images/layoutImages/skin/mod/round.png);}
/* ----- simpleExt (extends mod) ----- */
.simpleExt,.simpleExt .inner{border:1px solid #c7c7c7;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; }
.simpleExt .inner{border-color:#fff; border-width:4px; background-color:#e2e2e2;}
.simpleExt b{*background-image:url(../images/layoutImages/skin/mod/simple_extended.png);}
.simpleExt .tl{left:-1px;top:-1px;height:12px; width:12px;}
.simpleExt .tr{right:-1px;top:-1px;height:12px; width:12px;}
.simpleExt .bl{left:-1px;bottom:-1px;height:12px; width:12px;margin-top:-12px;} 
.simpleExt .br{right:-1px;bottom:-1px;height:12px; width:12px;margin-top:-12px;}
/* ----- me (extends mod) use for my comments ----- */
.me,.me .inner{border:1px solid #909090;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.me .inner{border-color:#d76a84;}
.me b{*background-image:url(../images/layoutImages/skin/mod/me.png);}
.me .tl{left:-1px;top:-1px;}
.me .tr{right:-1px;top:-1px;}
.me .bl{left:-1px;bottom:-1px;} 
.me .br{right:-1px;bottom:-1px;}
/* ----- noted (extends mod) ----- */
.noted,.noted .inner{border:1px solid #c2c2c2;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.noted .inner{border-color:#eded68;}
.noted b{*background-image:url(../images/layoutImages/skin/mod/noted.png);}
.noted .tl{left:-1px;top:-1px;}
.noted .tr{right:-1px;top:-1px;}
.noted .bl{left:-1px;bottom:-1px;} 
.noted .br{right:-1px;bottom:-1px;}
/* ----- grab (extends mod) ----- */
.grab .inner{border: 3px solid #00477a; border-bottom-width:10px;}/* can't be done w border radius */
.grab b{background-image:url(../images/layoutImages/skin/mod/grab.png);}
.grab .tl, .grab .tr{height:10px; width:10px;}
.grab .bl, .grab .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
/* ----- talk (extends mod) ----- */
.talk,.talk .inner{border:1px solid #c7c7c7;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.talk .inner{border-color:#ededed;}
.talk b{*background-image:url(../images/layoutImages/skin/mod/talk.png);}
.talk .tl{left:-1px;top:-1px;}
.talk .tr{right:-1px;top:-1px;}
.talk .bl{left:-1px;bottom:-1px;} 
.talk .br{right:-1px;bottom:-1px;}
/* ----- photo (extends complex) ----- */
.photo .inner{border:solid 10px #fff;margin:0 4px;}/* muck with margins to change how the block will align with other blocks, any value between 0-10px */
.photo b{background-image:url(../images/layoutImages/skin/mod/photo.png);}
.photo .tr, .photo .tl{width:20px;}
.photo .top, .photo .bottom{height:4px;margin-top:0px;} 
.photo .bl, .photo .br{height:16px;margin-top: -12px;}
/* ----- flow (extends complex) ----- */
.flow{margin:6px;}
.flow b{background-image:url(../images/layoutImages/skin/mod/even.png);}
.flow .inner{padding:0 4px;}
.flow .top{height:4px;}
.flow .bottom{height:4px;margin-top:-4px;}
.flow .br,.flow .bl{height:10px;margin-top:-6px;}/* margin top = bottom height - corner height */
/* ----- shadow test (experimental attempt to match "flow" cross browser w no img)----- */
.boo{-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,33);-moz-box-shadow: black 2px 2px 2px 2px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:solid 1px #949494;background:#fff;}
/* ----- .excerpt (extends complex) ----- */
.excerpt b{background-image:url(../images/layoutImages/skin/mod/excerpt.png);}
.excerpt .top{height:1px;}
.excerpt .bottom{height:6px;margin-top:-6px;}/* margin top equal to - height of bottom */
.excerpt .br,.excerpt .bl{height:12px;margin-top:-6px;}/* margin top = bottom height - corner height */
/* ----- sommers (extends pop) ----- */
.sommers .inner{_border:3px solid #D7D7D7;}/*IE6 backup no alpha transparency */
.sommers,.sommers .inner,.sommers b{background-image:url(../images/layoutImages/skin/mod/glow_7px.png);_background-image:none;}
.sommers{/*margin:3px 10px 10px 3px;*/}
/* ====== Background blocks ====== */
.sale .inner{background-color:red;}
.nicole .inner{background-color:#c01c41; color:#fff;}
.nicole *, .login *{ color:#fff;}
.highlight .inner{background-color:#e3e36f;}
.universe .inner{background:url(../images/layoutImages/skin/mod/universe.png) repeat left top;}
.foo .inner{background: url(../images/layoutImages/skin/mod/universe_gray.png) repeat left top;}
.login .inner{background: url(../images/layoutImages/skin/mod/universe_login.png) repeat left top;}
.comment .inner{background-color:#e2e2e2;}
/* ====== Block headers and footers ====== */
.section{background: #e9e9e9 url(../images/layoutImages/skin/mod/header.png) repeat-x left bottom; color:#de2c72;font-size:120%;padding:5px 10px;}
.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{font-size:100%;color:#de2c72;padding:0;}
.act{background-color:#e9e9e9;}
.topper{background: #fff url(../images/layoutImages/skin/mod/header_gradient_light.png) repeat-x left bottom;color: #4D4D4D;font-size:120%;padding:5px 10px;}
.topper h1,.topper h2,.topper h3,.topper h4,.topper h5,.topper h6{font-size:100%;color:#4D4D4D;padding:0;}
.bam{background: #00477a url(../images/layoutImages/mod/header_glossy.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
.bam h1,.bam h2,.bam h3,.bam h4,.bam h5,.bam h6{font-size:100%;color:#fff;padding:0;}


	
/* ----- .greyBox (extends mod) ----- */
.greyBox {margin: 0 10px 17px 10px;}
.greyBox .inner {border:1px solid #D7D7D7;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; background-color: #fff; background:transparent url('../images/layoutImages/bgNav.jpg') repeat-x 0 0;}
.greyBox b{background-image:url('../images/layoutImages/skin/mod/simple_cornersHome.jpg');}
.greyBox .tl, .greyBox .tr {height: 36px;}
.greyBox .hd {background:#f0f0f0 url('../images/layoutImages/bgNav.jpg') repeat-x 0 0; height: 25px; }
.home .greyBox .hd {height: 35px;}


	.greyBox h1 {font-size:15px; line-height: 25px; font-weight:normal; font-style: normal; color:#295776; display: inline; float: left; padding:0;}
	.home .greyBox h1 {padding: 5px 20px;}
	
	.greyBox h4 {font-size:12px; line-height: 25px; font-weight:normal; font-style: normal; color:#295776; display: inline; float: left; padding:0;}
	.home .greyBox h4 { font-size:15px; padding: 5px 20px; }
	
	.home .greyBox .more {float: right; width: 80px; font-size: 11px; text-align: right; line-height: 25px; padding: 5px 20px; background: transparent url('../images/layoutImages/skin/mod/see_all.png') no-repeat top right;}
	.greyBox .more a {padding-left: 12px; background: transparent url('../images/layoutImages/arrow.gif') no-repeat 0px -12px;}
	.homeBoxItemImage .image {float: left; width: 60px;}
		.homeBoxItemImage .image img {margin-right: 5px;}
	.homeBoxItemImage .text {width: 190px;}
	.greyBox .title {font-size: 13px; font-weight: normal; margin-bottom: 5px;}
	.greyBox .text {float: left;}
	.greyBox .text .description p {margin: 0 0 5px 0; padding: 0;}
	.greyBox .text .description ul {margin: 0 0 5px 15px; padding: 0;}
	.greyBox .text .description ul li {list-style-type:disc;}
	.greyBox .homeBoxItemImage, .greyBox .homeBoxItem {padding: 5px 0; border-bottom: 1px dotted #ddd; height: 70px;}/*update 03/10*/
	.greyBox .last {border: none;}
	.greyBox table td {padding: 0 5px 0 10px;}
	.greyBox table td.border {border-right: 1px dotted #ddd;}
	.greyBox table td.first {padding-left: 0;}
	
	/*update 03/10*/
	 .firstRow .inner .bd {height: 275px;}
	 .rss .inner .bd {height: 245px;}
	 .secondRow .inner .bd {height: 105px;}
	
/* ----- .testimonial (extends mod) ----- */
.testimonial .inner {border:1px solid #efefef;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; background-color:#efefef;}
.testimonial b{*background-image:url('../images/layoutImages/skin/mod/testimonial_corners.gif');}
.testimonial .hd {height: 10px;}
.testimonial .company {text-align: right; font-weight: bold;}
.testimonial p {padding: 0 10px;}
.testimonial p.company {margin: 5px 0;}

/* ----- .rss (extends mod greyBox) ----- */
.rss .inner {padding-bottom: 30px;}
.rss .bl {margin-top: -32px; width: 32px; height: 30px;}







