@charset "UTF-8";
/* CSS Document */

body{
	font-size:12px;
	color:#333333;
}

.titleSection h1{
	font-size:18px;
	color:#0860a8;
	background:none;
	background-color:#FFFFFF;
	padding:5px 5px 1px 5px;
	margin:0px;
}

/*
.titleSection hx{
	font-size:18px;
	color:#0860a8;
	background:none;
	background-color:#FFFFFF;
	padding:5px 5px 1px 5px;
	margin:0px;
}
*/

.titleSection h2 {
	font-size:16px;
	font-weight:normal;
	color:#333333;
	background:none;
	background-color:#FFFFFF;
	padding:0px 5px 0px 5px;
	margin:0px;
}

.titleSection img{
	border:none;
	}

img{
	border:none;
	}
.overview{
	padding:5px;
}
.overview h2{
	font-size:14px;
	color:#333333;
	background:none;
	background-color:#FFFFFF;
	padding:5px 5px 1px 0px;
	margin:0px;
}

.overview h4{
	font-size:12px;
	color:#333333;
	background:none;
	background-color:#FFFFFF;
	padding:5px 5px 1px 0px;
	margin:0px;
}

.overview ul{
	padding:4px;
	list-style:disc;
	margin-left:30px;
}
.overview li{
	padding:2px;
}

.overview p{
	padding-top:5px;
	padding-bottom:5px;
}

.centerBorder{
	padding:5px;
	border:1px solid #CCCCCC;
}

/* ooooooooooooooooooooooooooooooooooooooooooooo
SIDE STYLES */

.LeftSide ul{
	border:none;
	list-style-type:none;
	margin:0px;
	color: #666666;
	padding:5px;
}

.LeftSide li{
	/*padding-bottom:2px;*/
}

.LeftSide h4{
	background-color:#F3F6F9;
	border-top: 1px solid #CCCCCC;
	margin-top: 5px;
	color: #666666;	
}

.sideSubBox h3{
	background-color:#1b3360;
	color:#FFFFFF;
	padding:5px;
	margin-bottom:0px;
	font-weight:bold;
	margin-top:12px;
	border-top:1px solid #CCCCCC;
	font-size:12px;
}

.sideSubBox span{

	padding:5px 5px 5px 5px;
}

.sideSubBox ul{
	margin:0px;
	padding:0px;
}
.sideSubBox li{
	list-style:none;
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #CCCCCC;
	
}


/* ooooooooooooooooooooooooooooooooooooooooooooo
 HEAD AREA */

.titleSection p{
	padding:3px 5px 3px 5px;
	margin:0px;	
}

.topInfoBox{
	float:left;
	width:375px;
}

.atbBtn{
	font-size:14px;
	font-weight:bold;
	color:#0860a8;
	cursor:pointer;
	border:2px solid #0860a8;
	background-color:#f1f1f1;
	background-image:url(../pageImg/greygrad30.jpg);
	background-repeat:repeat-x;
	background-position:top;
/*	padding:3px 6px 3px 6px;  */
	padding-left:3px;
	padding-top:3px;
/*	margin-top:10px;
	margin-bottom:5px;
*/
}

.atbBtnOver{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
	border:2px solid #0860a8;
	background-color:#0860a8;
	background-position:top;
	padding:3px 6px 3px 6px;
	margin-top:10px;
	margin-bottom:5px;
}

.titleLeft{
float:left;
margin-left:25px;
}

.formatBorder{
	border: 1px solid #cccccc;
	margin-bottom:10px;
	width:200px;
}
.formatIcon{
	float:left;
	border-right:1px dotted #cccccc;
	padding:3px 5px 3px 5px;
}
.formatText{
	float:left;
	padding:3px 5px 3px 5px;
	font-size:11px;
}

.formatCurrent{
background-image:url(/resources/img/pageImg/diagBG_ltblue.gif);
	background-repeat:repeat;
}


.membershipLink{
	margin-bottom:10px;
	width:200px;
}
.coverImage{
	float:left;
	margin-right:5px;
	width:130px;
}

.coverImage img{
	width: 130px;
	
}

/* ooooooooooooooooooooooooooooooooooooooooooooo
 LAYOUT HELPERS */
.pad5 {
	padding:5px;
}

.margin15right{
	margin-right:15px;
}

.floatLeft{
	float:left;
}

.margin10bottom{
	margin-bottom:10px;
}
.margin10top{
	margin-top:10px;
}
.text11{
	font-size:11px;
}
.textLarge{
	font-size:18px;
}
.textMed{
	font-size:14px;
}
.lightBlueBG{
	background-color:#F3F6F9;
}
.textMedGrey{
	color:#666666;
}
.noMargin{
	margin:0px;
}
.borderMedBlue{
	border:1px solid #1b3360;
}
.trow1{
background-color:#e7f1ff;
margin-bottom:5px;
}
.trow2{
background-color:#f1f1f1;
margin-bottom:5px;
}
.bbD{
	border-bottom:1px dotted #CFCFCF;
}
.textLarger{
	font-size:18px;
}

.textBrightBlue{
	color: #0860a8;
		font-weight:bold;
}

.textOrange{
	color: #F8981D;
		font-weight:bold;
}



/* ooooooooooooooooooooooooooooooooooooooooooooo
TAB BAR */
.infoNavBar{
	border-top:2px solid #F3891E;
	background-color:#f3f3f3;
}


.infoNavItem{
	display:block;
	float:left;
	padding:10px;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	font-size:14px;
}

.iniCurrent{
	background-color:#FFFFFF;
	color:#999999;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;

}

.iniRest{
	color:#FFFFFF;
}

/* ooooooooooooooooooooooooooooooooooooooooooooo
TAB TABLE */
.bibliography th{
	text-align:left;
	border-bottom:1px dotted #CCCCCC;
	padding:5px;
	vertical-align:top;
	font-weight:normal;
	color:#000000;
}

.bibliography td{
	text-align:left;
	border-bottom:1px dotted #CCCCCC;
	padding:5px;
	vertical-align:top;
	font-weight:normal;
	color:#333333;
}

.breadcrumb{
	font-size:11px;
	color:#333333;
	padding:5px;	
	margin-top:0px;
	margin-bottom:10px;
	background-color:#f1f1f1;
	position:relative;
}
.searchBottom{
	margin-bottom:5px;
}
/* ooooooooooooooooooooooooooooooooooooooooooooo
broken by tabs */

em{
font-style:italic;
}

strong{
font-weight:bold;
}

.farLeft{
	position:absolute;
	left:-999px;
	top:-25px;
}
/* ooooooooooooooooooooooooooooooooooooooooooooo
also available */

.alsoAvailable h4{
	font-size:14px;
	color:#144880;
	background-color:#e7f1ff;
	padding:5px;
	margin:10px 0 10px 0;
}

.alsoAvailable li{
	margin-bottom:5px;
	
}

a.ltBlueBox{    
	padding:8px;    
	margin:8px 0 8px 0;    
	border:1px solid #baf0fc; /*baf0fc fddd64*/    
	background:#e3fbff;  /*background:#fbf4be; */    
	font-size:14px;    
	color:#00335e;    
	text-decoration:none;    
	display:block;    
} 

a.ltBlueBox:hover{    
	border:1px solid #7decff; /*f5ce59*/    
	background:#caf3ff; /* background:#ffe278; */    
	color:#003a6c;    
	text-decoration:underline;    
}

/* ooooooooooooooooooooooooooooooooooooooooooooo
 NEW LAYOUT */
  .clearFloat {
	float:none;
	clear:both;
	height:1px;
	padding:0;
	margin:0;
	font-size:1px;
	line-height:1px;
	}
.accentLine{
	padding:1px 0;
	font-size:1px;
	margin:0 0 2px 0;
	display:block;
	border-bottom:1px solid #ccc;
	}
.product {
	width: 100%
	top:0;
	left:0;
	position:relative;
	padding:.5em 10px;
	display:block;
	}
.product img {
	display:block;
	float:left;
	margin-right:20px;
	border:1px solid #ccc;
	}
.product a {
	color:#20466d;
	font-size:11pt;
	text-decoration:none;
	}
.product h3 a:hover {
	text-decoration:none;
	}
.product a:hover{
	color:#2b6196;
	}
.product a.Btn{
	width:96%;
	padding:8px;
	float:right;
	margin:8px 0 8px 0;
	border:1px solid #cafd88;
	background:#e0ffc2;
	font-size:14px;
	color:#003300;
	text-decoration:none;
	display:block;
	}
.product a.Btn:hover{
	border:1px solid #9bdd09;
	background:#cafd88; 
	color:#000;
	text-decoration:underline;
	}
	
.product a.halfBtn{
width:52%;
	float:right;
	padding:8px;
	margin:8px 0 8px 0;
	border:1px solid #cafd88;
	background:#e0ffc2;
	font-size:14px;
	color:#003300;
	text-decoration:none;
	display:block;
	}
.product a.halfBtn:hover{
	border:1px solid #9bdd09;
	background:#cafd88; 
	color:#000;
	text-decoration:underline;
	}
	
.product a.quarterBtn{
width:43%;
	float:left;
	padding:8px;
	margin:8px 0 8px 0;
	border:1px solid #cafd88;
	background:#e0ffc2;
	font-size:14px;
	color:#003300;
	text-decoration:none;
	display:block;
	}
.product a.quarterBtn:hover{
	border:1px solid #9bdd09;
	background:#cafd88; 
	color:#000;
	text-decoration:underline;
	}
.product .title {
	display:inline;
	padding:5px 5px 5px 0px;
	color:#144880;
	font-weight:bold;
	font-size:14pt;
	margin:0 0 8px 0;
	}
.product h3 {
	display:block;
	font-size:12pt;
	color:black;
	padding:5px 5px 0px 5px;
	font-weight:bold;
	}
.product p {
	display:block;
	font-size:11pt;
	color:black;
	padding:0px 5px;
	font-weight:normal;
	}
.product .tagline {
		float:right;
		}
.halfWidth {
	width: 46%;
	float:left;
	}
.spacer2 {
	height:10px;
	float:left;
	}

/*REBRAND RESKION CHANGES++++++++++++++++++++++++++++++++++++++++++++*/
.product a.halfBtn, .product a.Btn, a.ltBlueBox {
width:auto;
float:left;
padding: 0px;
margin: 0px 0 0px 0;
margin-bottom:12px;
border: none;
background: none;
font-size: 1.5em;
color: #9d1c20;
text-decoration: none;
display: block;
}
a.ltBlueBox {
float:none;
}
.accentLine {
margin-top:10px;
clear:all;
}
.spacer2 {
height:5px;
}
a.ltBlueBox {
width:auto;
padding: 0px;
margin: 0px 0 0px 0;
margin-bottom:12px;
border: none;
background: none;
font-size: 1.5em;
color: #9d1c20;
text-decoration: none;
display: block;
}

#recentlyPublished.standardsListings, #mostPopular.standardsListings {
	width:100%;
	display:block;

	margin-bottom: 10px;
}

#documentListSection.standardsListings, #mostPopular.standardsListings {
	width:100%;
	display:block;

	margin-bottom: 10px;
}

#recentlyPublished.standardsListings .singleStandard, #mostPopular.standardsListings .singleStandard {
float:left;
width:31%;
display:block;
padding:5px;
border-right:1px solid #ccc;
margin-left:1px;
}


#documentListSection.standardsListings, #documentListSection.standardsListings {
	width:100%;
	display:block;

	margin-bottom: 10px;
}
#documentListSection.standardsListings .singleStandard, #documentListSection.standardsListings .singleStandard {
float:left;
width:31%;
display:block;
padding:5px;
border-right:1px solid #ccc;
margin-left:1px;
}
    .EUWarningUL
    {
        font-size:10pt;
        color:Gray;
        
    }
    
    
    .EUWarningLI
    {
        font-size:10pt;
        color:gray;
        padding-left:2pt;
       
    } 


.previewWrap
{
    position: absolute;
    width:90%;
    text-align:center
}

.previewLeft
{
    width:25%;
    float: left;
}
.previewRight{
    width:50%;
    float: right;
}
.previewCenter{
    width:25%;
    margin:0 auto;
    display:inline-block
}