/* Project specific CSS for /007/001/ */

.cell20perc {
width: 20%;

}

.cell30perc-shading {
width: 30%;
background-color: #ccc;
}

.cell30perc {
width: 30%;

}

.cell80perc {
width: 80%;

}

.cell100perc {
width: 100%;

}

.cell50perc-shading {
width: 48%;
background-color: #ccc;
}

.cell50perc {
width: 48%;
padding-left: 10px;
}

.width20 {
padding: 5px;

}

.width20Shading {
padding: 5px;
background: #ccc;
}

.width100Shading {
background: #ccc;
}

/*TO REMOVE LINE FROM TABLE AND CENTER IN FIREFOX- ADDED SEPT 9, 2008 VL*/

table.marginfix {
width: 100%;
margin: 10px 0 10px 0px;
padding: 0;

}

.users {
margin: 10px auto;
padding: 0;

}
/*END*/

/*TWO COLUMNS*/

div.wrapper {
width: 95%;
margin: 5px 5px 5px 10px;
padding: 5px;
display: table;
border: 1px solid #000000;
}

div.col {
float: left;
width: 100%;
display: block;
}

div.cols1-50 {
float: left;
width: 50%;
margin-left: 5px;
/*padding: 2px 2px 2px 5px;*/
}


div.cols2-35 {
float: left;
width: 45%;
margin-left: 5px;
/*padding: 2px 2px 2px 10px;*/
}


.boxGrey-center {
width: 475px; 
background-color: #ccc;
border: none; 
margin: 10px 10px 10px 50px;
padding: 10px 10px 10px 10px;
/*text-align: left;*/
}

.boxWhite-center {
width: 475px; 
background-color: #fff;
border: 1px solid black; 
margin: 10px 10px 10px 50px;
padding: 10px 10px 10px 10px;
text-align: center;
}

.boxGrey-small {
width: 200px; 
float: right;
background-color: #ccc;
border: none; 
margin: 10px 10px 10px 25px;
padding: 5px 5px 5px 5px;
/*text-align: left;*/
}

.boxclear-small {
width: 200px; 
float: right;
background-color: #fff;
border: 1px solid #000; 
margin: 10px 10px 10px 25px;
padding: 5px 5px 5px 5px;
/*text-align: left;*/
}

.boxGrey-centerLarge {
width: auto; 
background-color: #ccc;

}

/*BOTTOM SPACING FOR UL IN CERTAIN AREAS*/

ul.bottomSpacing li {
padding-bottom: 10px;

}

ul.bottomSpacing li p {
padding-left: 0;
}

/*END OF BOTTOM SPACING FOR UL IN CERTAIN AREAS*/


.Recommendation {
width: 90%;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
/*border-right: none;*/
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
display: table;
}


.RecommendationRow {
width: 100%;
border-bottom: 1px solid black;
margin: 0;
padding: 0;
display: table;
}

.RecommendatonCol1Shading {
width: 15%;
float: left;
background: #ccc;
padding-left: 5px;
border-right: 1px solid black;
height: 50px;
text-align: left;
}

.RecommendatonCol1 {
width: 15%;
float: left;
padding-left: 5px;
border-right: 1px solid black;
height: 50px;
text-align: left;
}

.RecommendatonCol2Shading {
width: 20%;
float: left;
background: #ccc;
padding-left: 5px;
border-right: 1px solid black;
height: 50px;
text-align: left;
}

.RecommendatonCol2 {
width: 20%;
float: left;
padding-left: 5px;
border-right: 1px solid black;
height: 50px;
text-align: left;
}

.RecommendatonCol3Shading {
width: 18%;
float: left;
background: #ccc;
padding-left: 5px;
border-right: 1px solid black;
height: 50px;
text-align: left;
}

.RecommendatonCol3 {
width: 18%;
float: left;
padding-left: 5px;
border-right: 1px solid black;
height: 50px;
text-align: left;
}

.RecommendatonCol4Shading {
width: 18.1%;
float: left;
background: #ccc;
padding-left: 5px;
padding-right: 5px;
border-right: 1px solid black;
height: 50px;
text-align: left;
}

.RecommendatonCol4 {
width: 18.1%;
float: left;
padding-left: 5px;
border-right: 1px solid black;
height: 50px;
text-align: left;
}

.RecommendatonCol5Shading {
width: 22.56%;
float: right;
background: #ccc;
padding-left: 5px;
height: 50px;
text-align: left;

}

.RecommendatonCol5 {
/*width: 23.5%;*/
width: 22.56%;
float: right;
padding-left: 5px;
height: 50px;
text-align: left;
}

/*
.RecommendatonCol1Bottom {
width: 15%;
float: left;
padding-left: 5px;
border-right: 1px solid black;
text-align: left;
}

.RecommendatonCol2Bottom {
width: 20%;
float: left;
padding-left: 5px;
border-right: 1px solid black;
text-align: left;
}


.RecommendatonCol3Bottom {
width: 18%;
float: left;
padding-left: 5px;
border-right: 1px solid black;
text-align: left;
}

.RecommendatonCol4Bottom {
width: 18.1%;
float: left;
padding-left: 5px;

border-right: 1px solid black;
text-align: left;
}

.RecommendatonCol4BottomShading {
width: 18.1%;
float: left;
padding-left: 5px;
padding-right: 5px;
border-right: 1px solid black;
text-align: left;
}

.RecommendatonCol5Bottom {
width: 22.56%;
float: right;
padding-left: 5px;

text-align: left;
}*/



.borderTop {
border-top: 1px solid black;

}


.boxContainerNoshading {
width: 90%;
border: 1px solid black;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
height: auto;

}

.boxContainer {
width: 90%;
border: 1px solid black;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
height: auto;
background: #ccc;
}

.width40Shading {
width: 40%;
background: #ccc;
}

.width10Shading {
width: 10%;
background: #ccc;
}

.shading {
background: #ccc;
}

.width15Shading {
width: 14%;
background: #ccc;
}

/* GRB Posters 2009-08-10 */
div.img-container {
width: auto;
margin: 1em 0;
padding: 0;
text-align: center;
}

ul.block-type, ol.block-type {
margin-top: 1em;
margin-bottom: 1em;
}

ul.block-type li, ol.block-type li{
margin-bottom: 0.5em;
}

ul.block-type p, ol.block-type p{
padding-left: 0;
}

div.two-col-poster {
width: 95%;
margin: 1em 0 1em 0;
padding: 0;
display: block;
text-align: center;
}

div.two-col-poster div.poster-cols {
float: left;
width: 47%;
margin: 0 1em 0 0;
padding: 0;
display: inline;
}

div.poster-cols ul {
text-align: left;
}

.add-margin-top-10 {margin-top: 10px;}
.add-margin-top-15 {margin-top: 15px;}
.add-margin-top-20 {margin-top: 20px;}
.add-margin-top-25 {margin-top: 25px;}


div.img-left-v2 {
width: 150px;
float: left;
margin: 0.65em 2em 2em 1.2em;
display: inline;
padding: 0;
font-size: 0.85em;
text-align: center;
}

div.retention-spec-container {
width: 95%;
margin: 1em auto;
padding: 0 0 1em 0;
border-bottom: 1px dashed #ccc;
display: block;
}

div.retention-spec-container div.img-left-v2 {
margin: 1em 3em 0 0;
}

div.retention-spec-container h4, div.retention-spec-container p{
padding-left: 0;
}


div.img-nofloat-v2 {
width: 150px;
margin: 0;
display: block;
padding: 0;
font-size: 0.85em;
text-align: center;
}

div.retention-spec-container div.img-gallery-v2 {
width: 96%;
margin: 0;
padding: 0;
display: block;
}

div.img-gallery-v2 div.gallery-item{
float: left;
width: 150px;
margin:0 25px 0 0;
font-size: 0.85em;
text-align: center;
}

div.img-left-v2 img, div.gallery-item img{
bottom: 0;
margin: 0 0 0.35em 0;
padding: 0;
vertical-align: bottom;
}

table.tbl-retention-spec {
padding-left: 0;
margin: 1em auto;
font-size: 0.85em;
}

table.tbl-retention-spec th {
background-color: #ccc;
color: #000;
text-align: center;
}

table.tbl-retention-spec td {
vertical-align: top;
}

div.gallery-item img.add-padding-top10 {padding-top: 10px;}
div.gallery-item img.add-padding-top20 {padding-top: 20px;}

/* When using clear in certain instance FF displays a wide gap, so by using this
class it creates a clearing container */
.clear-fix {
width: 98.5%;
height: 1px;
max-height: 1px;
display: table; /* creates a clear break before and after */
}

tr.alt {
background: #99ccff;
}
td.highlight {
	background: #99ccff;
	line-height: 1.5em;
}
tr {
	margin: 0;
	}
th {
	font-weight: bold;
	padding: .5em .4em .3em .4em;
	text-align: left;
	vertical-align: top;
	color: #ffffff;
	background: #333333;
	border: 1px solid #fff;
	margin: 0;
}