/* 

	AMREF RESOURCES CSS

	Description: To be included on the AMREF Resources page

	written by: Phil Thompson phil.thompson@ichameleon.com
	
	last edited on: 24/08/2007
	last edited by: Phil Thompson

	Table of Contents
	


*/

div#primarycontent {
}
	div#primarycontent h2 {
		padding-bottom: 5px;
	}
form#resource-filters {
	display:none;
}
p.publication-header {
	border-top: 1px solid #AAAAAA;
}


div.preference {
	float: left;
	clear: left;
	margin-bottom: 20px;
}
	div.preference div {
		float: left;
	}
		div.preference div.preference_image {
                    width: 30%;
		}
		div.preference div.preference_details {
                    width: 60% !important;
		}
		div.preference div label {
			margin-bottom: 10px;
			width: auto;
		}
		div.preference div input.checkbox {
			float: left;
			margin-left: 0px;
			margin-right: 10px;
		}

div#primarycontent ul#serp {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul#serp > li {
            border-top: 1px solid #aaa;
            padding-left: 0px;
            padding: 20px 0;
            float: left;
            clear: both;
            padding-right: 0;
            background-repeat: no-repeat;
            background-position: 0 20px;
            margin-bottom: 10px;
            width: 100%
    }
	div#primarycontent ul#serp > li img,
	ul#serp > li img {
		float: left;
		width: 12%;
		margin-right: 4%;
	}
	ul#serp li span.no-image {
		width: 100px;
		height: 50px;
		float: left;
	}
	
	ul#serp li.even, ul#serp li.odd {
		background-color: #fff;
	}
	
	ul#serp div.info-holder {
            float: left;
            width: 76%;
	}
	
	ul#serp li ul.info,
	ul#serp li div.buttons {
            width: 40%;
        }
	ul#serp li ul.info {
            float: left;
            margin: 0;
            padding: 0;
            list-style: none;
            width: 56%;
	}
		ul#serp li ul.info li,
		ul li ul.info li {
			border: 0;
			float: left;
			width: auto;
		}
			ul#serp li ul.info li.title {
                            border: 0;
                            width: 100%;
                            margin-bottom: 10px;
                            font-weight: bold;
                            font-size: 100%;
                            color: #FF6933;
                            line-height: 150%;
			}
			ul#serp li ul.info li.language,
			ul li ul.info li.language,
			ul#serp li p.description,
			ul li p.description {
				clear: left;
			}
			ul#serp li ul.info li.size,
			ul li ul.info li.size,
			ul#serp li ul.info li.year,
			ul li ul.info li.year {
				border-left: 1px solid #ccc;
				padding-left: 20px;
				margin-left: 20px;
			}
			ul#serp li p.description,
			ul li p.description {
				padding-top: 15px;
				padding-bottom: 20px;
				clear: left;
			}

div#primarycontent ul#highlight {
	list-style: none;
	padding:0;
	margin-bottom: 30px;
	float: left;
        width: 100%;
}
	div#primarycontent ul#highlight li {
		background-color: #FF6933;
		float: left;
		background-repeat: no-repeat;
		padding: 20px 4%;
		background-position: 20px 20px;
		margin-bottom: 20px;
                width: 100%;
	}
		div#primarycontent ul#highlight li img {
			float: left;
			margin-right: 4%;
            width: 16%;
			margin-top: 0;
		}
		div#primarycontent ul#highlight li div.info-holder {
			float: left;
                        width: 76%;
		}
		div#primarycontent ul#highlight li ul.info {
                    width: 57%;
                    list-style: none;
                    padding: 0;
                    float: left;
		}
		div#primarycontent ul#publication-basket li ul.info li,
		div#primarycontent ul#highlight li ul.info li {
			width: auto;
			padding: 0;
			margin-bottom: 10px;
		}
			div#primarycontent ul#publication-basket li ul.info li.title,
			div#primarycontent ul#highlight li ul.info li.title {
				color: #fff;
			}
			div#primarycontent ul#publication-basket li ul.info li.size,
			div#primarycontent ul#publication-basket li ul.info li.year,
			div#primarycontent ul#highlight li ul.info li.size,
			div#primarycontent ul#highlight li ul.info li.year {
				padding-left: 10px;
                                margin-left: 10px;
                                border-color: #D1562A;
			}
			div#primarycontent ul#highlight li p.description {
				padding-top: 0;
			}

        div#primarycontent ul#highlight div.buttons {
            width: 40%;
	}
        
        @media(max-width:600px){
            div#primarycontent ul#highlight div.buttons {
                width: 100%;
            }
            div#primarycontent ul#highlight li ul.info {
                width: 100%;
            }
            
        }
		div#primarycontent ul#highlight div.buttons form.add2order input.submit {
			background-image: url('/img/layout/button-white-bg.png');
			color: #FF6933;
		}


div#primarycontent ul.header {
	list-style: none;
	background-color: #938671;
	color: #E0E0E0;
	float: left;
        margin: 0;
	padding: 0;
        width: 100%;
}
    div#primarycontent ul.header li {
            padding: 4px 20px 4px 0;
            background-color: #938671;
            float: left;
            width: auto;
            font-weight: bold;
    }
        div#primarycontent ul.header li.title {
            width: 60%;
            padding-left: 15px;
        }
        div#primarycontent ul.header li.qty {
            width: 20%;
        }
        div#primarycontent ul.header li.remove {
            width: 20%;
        }


div#primarycontent ul#publication-basket {
	list-style: none;
	padding: 0;
	background-color: #E0E0E0;
        margin-bottom: 0;
	float: left;
	clear: left;
}
    div#primarycontent ul#publication-basket > li {
        padding: 0 0 20px 24%;
        background-repeat: no-repeat;
        float: left;
        margin: 15px;
        background-position: 0 0;
        border-bottom: 2px solid #938671;
        background-size: 20% auto;
    }		
		div#primarycontent ul#publication-basket li.first {
		}
		div#primarycontent ul#publication-basket li.item {
			border-top: 1px solid #fff;
			border-bottom: 1px solid #B5B2B3;
			padding-top: 20px;
			background-position: 0 20px;
		}
		div#primarycontent ul#publication-basket li.last {
		}
		div#primarycontent ul#publication-basket li ul.info {
			padding-top: 20px;
                        list-style: none;
			width: 60%;
                        float: left;
			padding: 0;
		}
			div#primarycontent ul#publication-basket li ul.info li.title {
				color: #FE6532;
			}
			div#primarycontent ul#publication-basket li div.buttons {
				float: left;
				width: 40%;
			}
				div#primarycontent ul#publication-basket li div.buttons input.tiny {
                                    float: left;
                                    width: 15px;
				}
				div#primarycontent ul#publication-basket li div.buttons a.remove {
					display: block;
					float: left;
					clear: none;
					margin-left: 45px;
					background: url('/img/layout/publication-basket-remove.png') no-repeat;
					text-indent: -9999px;
					outline: none;
					height: 21px;
					width: 34px;
				}



div.buttons {
	float: right;
}
    div.buttons form.add2order input.submit,
    div.buttons a {
        display: block;
        width: 100%;
        margin-left: 0px;
        color: #fff;
        font-size: 110%;
        font-weight: bold;
        float: left;
        clear: left;
        margin-bottom: 10px;
        text-align: center;
        padding: 2px 0 0 0;
        text-decoration: none;
    }
	div.buttons a.download {
		background-color: #B60F17;	
	}
	div.buttons a.backissues {
		background-color: #938671;	
	}
	div.buttons form.add2order {
	}
	div.buttons form.add2order input.submit {
		background-image: url('/img/layout/publication-order.png');	
		background-repeat: repeat-x;
		border: 0;
		padding-top: 0;
		height: 24px;
	}
	

div.basket-buttons {
	border-top: 2px solid #938671;
	border-bottom: 2px solid #938671;
	padding: 10px 0;
	text-align: right;
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 20px;
}
	div.basket-buttons input.submit {
		float: right;
		border: 0;
		height: 24px;
		padding: 0 25px;
		color: #fff;
		font-weight: bold;
	}
	div.basket-buttons input#basket-complete,
	div.basket-buttons input#basket-update {
		background-color: #BB0F18;
		margin-left: 20px;
		padding: 0 35px;
	}
	div.basket-buttons input#basket-clear {
		background: url('/img/layout/publication-order.png') repeat-x;
	}

	


h2#delivery-header { 
}

form#order-form {
	
}
	form#order-form fieldset {
	}
		form#order-form fieldset.border {
			margin-bottom: 0;
		}
		form#order-form fieldset.checkbox {
			margin-left: 200px;
		}
	form#order-form label  {
            width: 30%;
            margin-right: 4%;
        }
	form#order-form select,
	form#order-form input.text  {
		width: 66%;
	}
	form#order-form input.form-err ,
	form#order-form select.text  {
            width: 66%;
	}
	form#order-form input.checkbox  {
		width: auto;
		float: left;
		margin-left: 0px;
		margin-right: 5px;
	}
	form#order-form label.checkbox  {
		clear: none;
		width: 400px;
	}


form#publication-thanks {
}
	form#publication-thanks p#signup-text {
		border-top: 1px solid #BEC0C2;
		padding-top:10px;
		margin-top: 10px;
		font-weight: bold;
	}
	form#publication-thanks fieldset.border {
		margin-bottom: 0;
	}
	form#publication-thanks div.listing {
		float: left;
		width: 330px;
		font-size: 90%;
	}
		form#publication-thanks div.listing h2 {
			font-family: Verdana, Arial, Helvetica, sans-serif
		}
		form#publication-thanks fieldset input.checkbox {
			float: left;
			margin-right: 10px;
		}

div#publications-panel h2 {
    margin-top: 0;
}             


div#secondarycontent div#search-publications {	
}
	div#secondarycontent div#search-publications form {	
	}
	div#secondarycontent div#search-publications p#adv-search {	
	}
		div#secondarycontent div#search-publications p#adv-search a {	
			background: url('/img/layout/adv-open.png') no-repeat 170px 0px;
			color: #BB0F18;
			text-decoration: none;
			display: block;
		}
	div#secondarycontent div#search-publications div#adv-form {	
		padding: 10px;
	}
		div#secondarycontent div#search-publications div#adv-form fieldset {	
		}
		div#secondarycontent div#search-publications div#adv-form fieldset.top-hr {	
			border-top: 1px solid #BB0F18;
			padding-top: 10px;
		}