/* Resources Kit (aka, difkit) CSS  */

/* 3 col css example from http://www.glish.com/css/3.asp    */

/* 2 col css newsletter layout based on 3 col css above     */

p {
		margin:0px 10px 10px 0px;  /* Don't remove this */
		}
#rk-version {
    position: relative;
    top: 25px; left: 400px;
    font-size:11px;
    font-style: italic;
    color: #53868B;
}
/* not used */
#nlbanner {
                width:650px;
                height:80px;
                background:url(difkit.jpg) no-repeat; /* #191970; */
                }
#nlbanner h1 {
                font-size:16px;
		color: #FFCC11;
                padding:0em 0em 0em 0.5em;
                text-align:center;
                margin:1px;
                }

#nlbanner h3 {
		position: relative;
                font-size:small;
                font-weight: bold;
                color: #120A8F;
                margin-right:50px;
                text-align: right;
                }

#rk-canvas {
                width:650px;
                margin-right:auto;
                margin-left:1px;
                padding:0px;
                text-align:left;
                background:#fff;
                }


.image-left {  
		float: left; 
		margin: 0px 10px 0px 0px;
   		border: none;
		}

.image-right {
   		float: right;
   		clear: right;
   		margin: 0.1em;
   		border: none;
		}

.image-left2 {
                float: left;
                margin: 0px 10px 0px 0px;
                border: none;
                }

.dk-referance { 	/* for article reference citations */ 
                font-size:10px;
                padding:0em 0em 0em 2em;
                margin:1px;
}

.documentDescription {
    		/* The summary text describing the document */
    		font-weight: bold;
    		margin: 1em 0em;
    		line-height: 1.5em;
}

/* Subscribe now poetlet */
#subsc-portlet-left {
                width:15px;
                margin-right:auto;
                margin-left:1px;
                padding: 0em 1em 2em 1em !important;
                text-align:left;
                background: transparent;
                }
#subsc-portlet-right {
                width:50px;
                margin-right:auto;
                margin-left:1px;
                padding: 0em 1em 2em 1em !important;
                text-align:left;
                background: transparent;
                }

.free-text {
                font-size:12px;
                font-weight: bold;
		color: #FF5721;
		background: #6EFF70;
                padding: 0 0 0 0; 
}
.free-text2 {
                font-size:12px;
                font-weight: bold;
                color: #FF5721;
                background: transparent;
                padding: 0 0 0 0;
}

/* Landing page feature */
#lpfeature {
                width:597px;
                height:162px;
                background:url(landingpage_feature.gif) no-repeat; /* #191970; */
                }

#lpfeature2 {
                width:598px;
                height:260px;
                background:url(featurebox_stretch.gif) no-repeat; 
                }
#lpfeature3 {
                width:598px;
                height:260px;
                background:url(featurebox_stretch2.gif) no-repeat; 
                }
#lpfeature4 {
                width:598px;
                height:260px;
                background:url(featurebox_stretch3.gif) no-repeat; 
                }
#lpfeature5 {
                width:598px;
                height:260px;
                background:url(featurebox_stretch4.gif) no-repeat; 
                }
#lpfeature6 {
                width:598px;
                height:260px;
                background:url(featurebox_v1n5.gif) no-repeat; 
                }
#lpfeature7 {
                width:596px;
                height:190px;
                background:url(featurebox_v1n6.gif) no-repeat; 
                }
#lpfeature8 {
                width:597px;
                height:260px;
                background:url(featurebox_v1n7.gif) no-repeat; 
                }
#lpfeature9 {
                width:597px;
                height:260px;
                background:url(featurebox_v1n8.gif) no-repeat; 
                }
#lpfeature10 {
                width:595px;
                height:261px;
                background:url(featurebox_v1n9.gif) no-repeat; 
                }
#lpfeature_vol1 {
                width:595px;
                height:261px;
                background:url(featurebox_vol1.gif) no-repeat; 
                }
#inv-webresource {
                width:597px;
                height:123px;
                background:url(webresources.gif) no-repeat;
                }
#inv-commresource {
                width:597px;
                height:191px;
                background:url(webresources_2.gif) no-repeat;
                }

.rk-box2 {
    position: relative;
    float: left;
    margin: 1em 0em 1em 0em;
    width: 197px; height: 250px;
    background: url(landingpage_actionzone.gif) no-repeat left top;
}

.rk-box3 {
    position: relative;
    float: left;
    margin: 1em 0em 1em 0em;
    width: 197px; height: 250px;
    background: url(landingpage_assessment.gif) no-repeat left top;
}
.rk-box4 {
    position: relative;
    float: left;
    margin: 1em 0em 1em 0em;
    width: 197px; height: 250px;
    background: url(landingpage_community.gif) no-repeat left top;
}

.rk-sec1 {
    position: relative;
    float: left;
    margin: 1em 0em 1em 0em;
    width: 197px; height: 250px;
    background: url(rkit_section_1.gif) no-repeat left top;
}

.rk-sec2 {
    position: relative;
    float: left;
    margin: 1em 0em 1em 0em;
    width: 197px; height: 250px;
    background: url(rkit_section_2.gif) no-repeat left top;
}
.rk-sec3 {
    position: relative;
    float: left;
    margin: 1em 0em 1em 0em;
    width: 197px; height: 250px;
    background: url(rkit_section_3.gif) no-repeat left top;
}
.rk-sec4 {
    position: relative;
    float: left;
    margin: 1em 0em 1em 0em;
    width: 197px; height: 250px;
    background: url(rkit_section_4.gif) no-repeat left top;
}
.rk-sec5 {
    position: relative;
    float: left;
    margin: 1em 0em 1em 0em;
    width: 197px; height: 250px;
    background: url(rkit_section_5.gif) no-repeat left top;
}
.rk-sec6 {
    position: relative;
    float: left;
    margin: 1em 0em 1em 0em;
    width: 197px; height: 250px;
    background: url(rkit_section_6.gif) no-repeat left top;
}
#rk-boxtext {
    position: relative;
    top: 120px; left: 10px;
    padding: 0.5em;
    font-size:11px;
    font-style: italic;
}
 
#rk-boxtext2 {
    position: relative;
    padding: 0.2em;
    font-size:12px;
    font-style: normal;
    color: #00009C;
}

/* for CSS based tooltip pop up on hoover  */
.linkinside {
	display: block;
}

#rk-boxtext2 a .pop {
	display: block;
	color: #000;
	background-color: #FFFCCC;
	width: 15em;
	padding: 0.5em;
	border: 0.1em #B0C4DE solid;
	position: absolute;
	top: 0;
	left: 10em;
	z-index: 10; /* Saf */
	visibility: hidden;
}

#rk-boxtext2 a:hover .pop {
	visibility: visible;
}

/* RKit Landing page and survey  */
.lpfeature-text {
    position: relative;
    top: 30px; left: 45px; right: 30px;
    padding: 0.5em 10em 0em 1.5em;
    color: #000033;
}

.lpfeature-text2 {
    position: relative;
    top: 45px; left: 45px; right: 35px;
    padding: 0.5em 10em 0em 1.5em;
    color: #000033;
}

#lpcol1 {
                width:200px;
                padding:0em 0em 0em 0em;
                float:left;
                background: transparent;
                }
#lpcol2 {
                width:200px;
                padding:0em 0em 0em 0em;
                float:left;
                background: transparent;
                }
#lpcol3 {
                width:200px;
                padding:0em 0em 0em 0em;
                float:left;
                background: transparent;
                }
.rk-box1 {
    position: relative;
    float: left;
    margin: 1em 0em 1em 0em;
    width: 197px; height: 250px; 
    background: url(landingpage_curriculum.gif) no-repeat left top;
}

#rk-survey {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 1em 1em 1em 1em;
    background: #E6E8FA;
    padding: 1em;
    color: #000000;
}

/* for Rkit Portlet  for Complimentary issue*/
.rkitportletBody {
    position: relative;
    top: -1px;
    background: #F0FFFF;  /* Off blue:#F0FFFF for Nav portlet */
    border: 1px solid #3D59AB; /* Cobalt:#3D59AB  */
    padding: 0.2em 1em 0.5em 1em;
    text-align:center;
}

.poll-barbg {
    position: relative;
    float: left;
    width: 100px; height: 11px;
    background: url(poll_barbg.gif) no-repeat left center;
}

.poll-table table {
    border-collapse: collapse;
    border: 1px solid #8cacbb;
    font-size: 100%;
}

.poll-table table { 
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
}
.poll-table th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: rgb(255, 245, 238);
	-moz-border-radius: 0px 0px 0px 0px;
}

.poll-table td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
