/*
-----------------------------------------------
Interd
Filename				:	styles.css		
Created by			:	Foresite Business Solutions
Created				:	07 July 2008
Version				: 
Comments				:	
----------------------------------------------- */
body {
	background: #eee;
	color: #333;
	font: 12px Verdana, Helvetica, sans-serif;
	line-height: 155%;
	margin: 0;
	text-align: center;
}
h1 {
	clear: both;
	margin-top: 5px;
	border-bottom: 1px dotted #ccc;
	color: #c40001;
	font-size: 1.5em;
	letter-spacing: -0.02em;
}

h2 {
	color: #000;
	font-size: 1.3em;
	margin-top: 15px;
}

h2.free {
	margin-top: 0.5em;
	margin-bottom: -0.25em;
	font-size: 1.4em;
	background: url(/images/free.gif) no-repeat 0 8px;
	padding: 14px 0 18px 32px;
}

h2.contentTitle {
	background: #eee;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	color: #000;
	padding: 5px;
	margin-bottom: 0;
}

img {
	border: 0;
}

span {
	padding: 0;
	margin: 0;
}

h3 {
	border-bottom: 1px dotted #ccc;
	margin-top: 1.5em;
	margin-bottom: -0.75em;
	color: #000;
	font-size: 1.2em;
}

h4 {
	margin-top: 1.5em;
	margin-bottom: -0.75em;
	color: #9a0000;
	font-size: 1.2em;
}

p {
	margin-top: 1em;
	margin-bottom: 0.6em;
}

p.welcome {
	font-size: 1.25em;
}

strong {
	font-weight: bold;
}

.greytext {
	color: #999;
}

.smalltext a {
	font-weight: normal;
	margin-left: 45px;
	margin-left: expression( "28px");
}

.smalltext a:hover {
	color: #c12121;
	font-weight: normal;
	text-decoration: underline;
}

ul li {
	color: #989898;
}

ol li {
	color: #989898;
}

a {
	color: #c12121;
	text-decoration: none;	
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a.arrow {
	text-decoration: none;
	background-image: url(/images/link_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	padding-top: 2px;
}

#page {
	margin: 10px auto;
	padding: 0;
	text-align: left;
	width: 970px;
}

#header {
	background: url(/images/masthead.gif) no-repeat;
	margin: 0;
	height: 120px;
	padding: 0 5px;
}

* html #header {
	overflow: hidden;
}

#login {
	margin: 0;
	padding: 0;
}

#banner {
	float: right;
	padding: 6px 5px 0 0;
	position: relative;
	width: 673px;
	text-align: right;
}
#banner img {
	float: right;
	margin-right: 5px;
}
#banner .banner_athens_login {
	position: absolute;
	top: -7px;
	left: 0;
	text-align: right;
	width: 190px;
}
#banner p, #banner a {
	color: #fff;
}

/* navigation elements */
#nav {
	clear: both;
	margin: 4px 0 0 5px;
	padding: 0;
	height: 31px;
	list-style: none;
	display: inline;
	width: 480px;
	float: left;
	position: relative;
	left: 0;
	overflow: display;
	z-index: 1;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav li a {
	background: url(/images/nav.gif) no-repeat 0 -100px;
	float: left;
	overflow: hidden;
	padding: 31px 0 0 0;
	height: 0 !important;
	height /**/: 20px;
	/* for IE5/Win only */
	margin: 0 0 0 0px;
}

#nav .home a {
	background-position: 0 -31px;
	width: 63px;
}

#nav .home a:hover, #nav .home a.current {
	background-position: 0 0;
}

#nav .browse a {
	background-position: -64px -31px;
	width: 135px;
}

#nav .browse a:hover, #nav .browse a.current {
	background-position: -64px 0;
}

#nav .subscribe a {
	background-position: -200px -31px;
	width: 92px;
}

#nav .subscribe a:hover, #nav .subscribe a.current {
	background-position: -200px 0;
}

#nav .signin a {
	background-position: -295px 0;
	width: 92px;
}

#nav .signin a:hover, #nav .signin a.current {
	background-position: -295px -31px;
}

#nav .signout a {
	background-position: -418px 0;
	width: 92px;
}

#nav .signout a:hover, #nav .signout a.current {
	background-position: -418px -31px;
}

#nav .tour a {
	background-position: -512px -31px;
	width: 56px;
}

#nav .tour a:hover, #nav .tour a.current {
	background-position: -512px 0;
}

#contentHolder {
	background: #fff;
	margin: 0;
	padding-bottom: 15px;
	width: 962px;
	z-index: 1;
}

#wrapper {
	clear: both;
	overflow: hidden;
	padding-top: 0px;
	width: 100%;
}

#mainContent {
	margin: 0 10px 15px 10px;
	padding: 0;
	width: 940px;
}

* html #mainContent {
	margin-top: 0;
}

#mainContent a {
	font-weight: bold;
}

#homeLeft {
	float: left;
	min-height: 400px;
	height: expression(" 320px");
	width: 193px;
}

#homeRight {
	float: left;
	padding-top: 85px;
	padding-left: 100px;
	width: 349px;
}

#subTop {
	padding: 0;
	margin: 0;
	width: 450px;
	float: right;
	/* testing */
	position: relative;
}

* html #subTop {
	margin-top: 16px;
}

*:first-child+html #subTop {
	margin-top: 16px;
}

.formSub {
	background: #900 url(/images/bg_search_corner.gif) no-repeat;
	padding: 5px 6px 10px 10px;
	width: 312px;
	margin: 0 0px 0 80px;
	float: left;
	overflow: hidden;
}

* html .formSub {
	margin-left: 40px;
	padding: 5px 6px 10px 10px;
}

.formSub label {
	display: none;
}

.formSub input#searchfor {
	background: #fff url(/images/bg_search_icon.gif) no-repeat right center;
	color: #817c7c;
	font-size: 80%;
	margin: 0 5px;
	width: 190px;
	float: left;
}

.formSub select {
	font-size: 80%;
}

.formSub input#searchfor1 {
	background: #fff url(/images/bg_search_icon.gif) no-repeat right center;
	color: #817c7c;
	margin: 0 12px;
	width: 200px;
}

.formSub .radiolabel {
	font-size: 0.85em;
	padding-left: 6px;
}

.formSub .btn {
	vertical-align: bottom;
	padding-left: 1px;
}

* html .formSub .btn {
	padding-left: 0px;
}

*:first-child+html .formSub .btn {
	padding-left: 0px;
}

.formSub a {
	background: url(/images/bg_search_arrow.gif) no-repeat 0 3px;
	font-size: 0.9em;
	color: #3ba3e0;
	margin: 0 20px;
	padding: 0 10px;
}

#leftContent {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 600px;
}

#leftContent .puller {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 10px;
}

.indexpage {
	color: #900;
	font-weight: normal;
}

a#clButton {
	float: right;
	background: #c12121;
	color: #FFF;
	text-decoration: none;
	border: 1px outset #999;
	text-align: center;
	display: block;
	width: 180px;
	padding: 3px 5px;
	margin: 1px;
}

a:hover#clButton {
	color: #FFF;
	background: #999;
	padding-left: 4px;
	border: 1px inset #999;
}

box {
	float: left;
	margin: 0 9px 9px 0;
	width: 16.5em;
	background: #edf2eb;
	font-size: 100%;
}

.box {
	margin: 0 9px 8px 0;
	float: left;
	text-align: center;
}

.box a:link, .box a:visited {
	background: #d5d9d2;
	border: 1px solid #bcc1b9;
	padding: 8px 30px;
	width: 200px;
	display: block;
}

.box a:hover {
	background: #edf2eb;
}

.box h2 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
}

div.boxlist {
	clear: both;
	margin: 10px 0;
	padding: 2px 2px 4px 10px;
	border: 1px solid #CCC;
}

div.boxlist:hover {
	background: #EEE;
	border-color: #999;
}

div.boxlist h2 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
	color: #222;
	border-bottom: 1px dotted #c12121;
}

hr.clear {
	clear: both;
	margin: 10px 0;
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	border: 0 none;
}

.clear {
	clear: both;
}

.subBox {
	border: 1px solid #ccc;
	clear: both;
	margin: 5px 0 10px 0;
	overflow: hidden;
	padding: 5px 10px;
}

.subBox h2 {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0.4em;
	margin-top: 0.2em;
	padding-bottom: 0.3em;
	color: #000;
	font-size: 1.6em;
}

.subBoxCover {
	float: left;
	width: 85px;
	margin-top: 10px;
}

* html .subBoxCover {
	margin-top: 30px;
}

.subBoxText {
	margin: 0 0 0 90px;
}

.subBox p {
	margin-top: 0;
}

* html .subBox p {
	/* IE 3px jog hack*/
	height: 1%;
}

.subBoxpuller {
	margin: 0;
	padding: 0;
	clear: both;
}

.catcol {
	clear: both;
	width: 560px;
}

.thumbTall {
	width: 250px;
	float: left;
	margin-top: 0;
	margin-left: 0px;
	margin-right: 9px;
	margin-bottom: 9px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

h2.thumb {
	height: 26px;
	margin: 0;
	padding: 5px 8px 4px 9px;
	margin-bottom: 0;
	background: #edf2eb;
	color: #402b2d;
	font: bold 12px Verdana, Helvetica, sans-serif;
	/*	font: expression( "bold 80% Verdana, Helvetica, sans-serif" );*/
}

#rightContent {
	float: right;
	margin: 0;
	margin: 5px 6px 0 12px;
	width: 312px;
	height: 100%;
}

#rightContentdown {
	float: right;
	margin: 0;
	padding-top: 40px;
	width: 150px;
}

#homeSearchBox {
	padding: 30px 10px 15px 60px;
	border: 1px solid #ccc;
}

#homeAboutLink {
	padding: 20px 0 15px 130px;
	font: normal 12px Verdana, Helvetica, sans-serif;
	/*	font: expression( "normal 75% Verdana, Helvetica, sans-serif" );*/
	color: #333;
}

#aboutBox {
	padding: 50px 0px 15px 0px;
	text-align: center;
}

#aboutBox a {
	color: #999;
}

.story {
	float: left;
	clear: both;
	width: 550px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px 2px 4px 10px;
	border: 1px solid #CCC;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.title h1 {
	border-bottom: 1px solid #d7d7d7;
	padding: 0 8px 5px 0;
}

.title h2 {
	color: #333;
	font-size: 1em;
	font-weight: normal;
}

.title h2 a {
	color: #222;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 0px;
}

.subtitle h2 {
	border-bottom: 1px solid #d7d7d7;
}

p.results {
	padding: 2px 2px 5px 10px;
	margin: 5px  0 0 0;
	clear: both;
}

.sponsor {
	width: 160px;
	margin: 0;
	padding: 2px 5px 6px 5px;
	border-bottom: 1px solid #ccc;
}

.sponsor p {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

.sponsor h2, .sponsor h2 a {
	font-size: 0.98em;
	margin: 0;
	padding: 0;
}

.sponsor h2 a {
	color: #333;
}

.sponsor a {
	font-size: 0.98em;
}

.icon {
	padding: 0;
	margin: 0;
	border: 0;
	float: right;
	padding-left: 20px;
}

.view {
	float: left;
	padding-left: 10px;
	padding-bottom: 8px;
	margin: 0;
}

.view ul {
	margin: 0;
}

.view li {
	display: inline;
	background: url(/images/grey_arrow.gif) no-repeat 0 3px;
	padding: 0 10px 0 15px;
	list-style: none;
}

.list {
	padding: 0 0 0 10px;
	margin: 0;
	font: normal 12px Verdana, Helvetica, sans-serif;
	color: #333;
}

.list p {
	font: normal 12px/16px Verdana, Helvetica, sans-serif;
	color: #333;
}

.list ul {
	clear: both;
	margin: 10px 0 0px 0;
	display: block;
}

.list li a.journalTitle, .list li a.listTitle {
	background: url(/images/red_arrow.gif) 2px 2px no-repeat;
	display: block;
	list-style-type: none;
	padding: 5px 8px 5px 16px;
}

.list li.listTitle {
	background: url(/images/red_arrow.gif) 2px 2px no-repeat;
	display: block;
	list-style-type: none;
	padding: 5px 8px 5px 16px;
	border: none;
	margin-left: 40px;
}

.list li a.listTitle:hover {
	background-color: #f5f6f6;
}

.listTitle span {
	color: #999;
	font-size: 0.9em;
	padding-left: 6px;
	overflow: hidden;
}

.list li span.boldname {
	font-weight: bold;
	color: #333;
	font-size: 1.1em;
	border-bottom: 1px dotted #ccc;
	display: block;
}

.list div.bookimg {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	/*display: block;*/
}

.list div.bookimg p {
	padding: 0;
}

.list div.bookimg ul {
	padding: 0 0 0 100px;
	list-style-type: circle;
}

.list div.bookimg li {
	padding: 10px 0 0 0;
}

.list div.bookimg p {
	padding: 0;
}

.list div.bookimg img.gap {
	float: left;
	margin: 0px;
	padding: 0 8px 0 0;
}

.list li {
	margin: 0;
	padding: 0;
}

.list h2 {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 1.2em;
}

.list a {
	text-decoration: none;
}

.list a:hover {
	text-decoration: underline;
}

#footer {
	background: url(/images/bg_footer.gif) no-repeat;
	font-size: 0.9em;
	margin: 0 13px;
	padding: 10px 15px;
	text-align: right;
}

#footer {
	color: #666;
}

#footer ul {
	margin: 0;
	padding: 0 0 0 15px;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	border-right: 1px solid #999;
	padding-right: 5px;
}

#footer #footernoborder a {
	border-right: 0;
}

#footer #copyright {
	padding: 5px 5px 10px 5px;
}

.puller {
	clear: both;
}

#menu_parent {
	width: 92px;
	width: expression( "89px" );
	float: left;
	margin: expression( "4px 0 4px 0" );
}

#menu_child {
	position: absolute;
	visibility: hidden;
	background-color: #686868;
	width: 230px;
}

#menu_child a {
	display: block;
	padding: 2px;
	text-decoration: none;
	font-weight: bold;
}

#menu_child a:hover {
	text-decoration: underline;
}

.hidden {
	display: none;
}

table {
	margin-top: 10px;
	width: 552px;
	float: left;
}

th {
	color: #5a5959;
	font: bold 11px Verdana, Helvetica, sans-serif;
	background: #e4e3e3;
	height: 26px;
	padding-left: 6px;
}

td {
	color: #5a5959;
	font-size: 11px;
	padding: 3px;
	border: 0;
	border-bottom: 1px solid #e4e3e3;
}

.red {
	color: #c12121;
}

.resultslist {
	padding: 0.1em 0;
	clear: both;
	width: 90%;
}

.left {
	display: block;
	float: left;
	font-size: 12px;
}

.right {
	display: block;
	float: right;
}

.pagination {
	clear: both;
}

/*right column promo */
.mpu-container, .sponsored-links-container, .skyscraper-container {
	background: #fff;
	border: 1px solid #cac8c8;
	text-align: center;
}

.mpu-container {
	width: 310px;
	height: 250px;
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
}

.sponsored-links-container {
	width: 170px;
	min-height: 600px;
	text-align: left;
	padding: 5px 0 5px 0;
	margin: 0;
	float: left;
}

.skyscraper-container {
	width: 120px;
	height: 600px;
	padding: 5px;
	margin: 0;
	float: right;
}

.sponsored-links-container .title {
	background: #eaeaea;
	padding: 4px 0 0 5px;
}

.sponsored-links-container .title h2 {
	font-weight: bold;
}

/*home page elements */
#publications, #ageGrp, #searchArchive, #sponsoredLinks {
	padding: 5px 10px;
	margin-bottom: 10px;
}

#publications {
	background: url(/images/bg_publications.gif) no-repeat left;
	min-height: 320px;
	height: auto !important;
	height: 320px;
	width: 600px;
}

#publications h1 {
	color: #c12121;
}

#ageGrp h2, #searchArchive h2, #sponsoredLinks h2 {
	margin-top: 0.1em;
}

#intro {
	width: 250px;
}

#ageGrp {
	background: url(/images/bg_ageGrp.gif) repeat-x;
	clear: both;
}

#ageGrp h2 {
	color: #7f1f1f;
	font-size: 18px;
	margin: 5px 0;
}

#ageGrp .links {
	border: 1px solid #e1e1e1;
	border-width: 0 1px;
	font-size: 0.9em;
	min-height: 135px;
	height: 135px !important;
	padding: 0 5px;
	width: 170px;
}

#ageGrp .altbg {
	background: #f1f4f6;
}

#ageGrp .links h3 {
	color: #666;
	margin-top: 0.4em;
	margin-left: 8px;
}

#ageGrp .links ul {
	list-style-type: none;
	margin-top: 8px;
	margin-left: 8px;
}

#ageGrp .links li {
	margin: 0;
}

#ageGrp .links li a {
	background: url(/images/bg_arrow_small.gif) 0 6px no-repeat;
	color: #c12121;
	display: block;
	padding: 0 0 0 10px;
	text-decoration: underline;
}

* html #ageGrp .links li a {
	height: 1%;
}

#ageGrp .links li a:hover {
	background-color: #ffc;
	text-decoration: none;
}

#searchArchive {
	background: url(/images/bg_archive_search.gif) no-repeat;
	padding: 5px 10px;
	width: 245px;
	height: 157px;
	overflow: hidden;
}

*:first-child+html #searchArchive h2 {
	margin-top: -5px;
}

*:first-child+html #searchArchive h3 {
	font-size: 1em;
}

* html #searchArchive h3 {
	font-size: 1em;
}

#searchArchive h3 {
	font-size: 1em;
	font-weight: bold;
	color: #900;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 0 5px 4px 5px;
	width: 230px;
}

#searchArchive form {	
	padding-left: 5px;
	overflow: hidden;
}

#searchArchive label {
	display: none;
}

#searchArchive input#keyword, #searchArchive select {
	margin-bottom: 12px;
}

#searchArchive input#keyword {
	width: 230px;
}

#searchArchive select {
	float: left;
	width: 115px;
	width: expression(this.width > 78 ? 78: true);
	margin-right: 5px;
}

#searchArchive input.btn {	
	float: right;
	margin-bottom: 10px;
	margin-right: 5px;
	vertical-align: bottom;
}

#searchArchive a {
	float: left;
	font-size: 90%;
	padding-left: 5px;
	width: 200px;	
	text-decoration: underline;
}

#searchArchive a:hover {
	text-decoration: none;
}

#sponsoredLinks {
	background: url(/images/bg_sponsoredLinks.gif) repeat-x;
	overflow: hidden;
}

* html #sponsoredLinks {
	height: 100%;
}

#sponsoredLinks .links {
	width: 440px;
}

#sponsoredLinks h2 {
	color: #2f2e2e;
	margin: 10px 0 0 0;
}

#sponsoredLinks .links h3 {
	color: #101010;
	font-weight: bold;
	margin-top: 0;
	font-size: 12px;
}

#sponsoredLinks .links p {
	font-size: 11px;
}

#sponsoredLinks .links ul {
	list-style-type: none;
}

#sponsoredLinks .links li {
	border: 1px dotted #999;
	border-width: 1px 0 0 0;
	margin: 5px 0;
	overflow: hidden;
}

#sponsoredLinks .links li a {
	color: #c12121;
	display: block;
	font: 100% Verdana, Helvetica, sans-serif;
	padding: 5px 5px 5px 25px;
	text-decoration: none;
}

* html #sponsoredLinks .links li a {
	margin: -15px 0 5px 0;
}

#sponsoredLinks .links li a:hover {
	background-color: #ffc;
}

#sponsoredLinks .links li a span {
	color: #333;
	display: block;
	font-size: 85%;
	font-weight: normal;
	line-height: 125%;
	text-decoration: none;
}

#sponsoredLinks .links a span {
	color: #039;
	font-size: 70%;
	font-weight: normal;
	line-height: 150%;
	text-decoration: underline;
}

#sponsoredLinks .links a:hover span {
	text-decoration: none;
}

#sponsoredLinks .links li img {
	padding: 0;
	margin: 5px 10px 0 0;
	border: 1px solid #5d565d;
	display: inline;
}

#sponsoredLinks .links li a.view_site {
	background: url(/images/visit_site.gif) no-repeat;
	margin: 0;
	padding: 0px;
	float: right;
	width: 81px;
	height: 18px;
}

/*new*/

#banner_area {
	float: left;
	width: 639px;
	margin: 0 0 10px 10px;
	padding: 0;
	overflow: hidden;
}

#banner_area a.start {
	/*	float: left;
	margin: 5px 13px 0 2px;
	padding: 0;*/
}

#banner_area_links {
	margin: 0 0 5px 0;

	position: relative;
	z-index: 100;
}

#banner_area div.indent_text p{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
* html #banner_area div.indent_text p {
	text-indent: 0;

}

#banner_area a, #banner_area a:visited, #banner_area img {
	display: block;
	float: left;
	line-height: 16px;
	margin: 5px 5px 0 0;
	padding: 0;
	text-decoration:none;
	z-index: 100;
}

* html #banner_area a, * html #banner_area a:visited {
	margin: 5px 8px 0 0;
	padding: 0;
}

* html #banner_area a:hover, * html #banner_area a.current:hover {
	text-indent: 0;
}

#banner_area a img {
	border: 1px solid #ccc;
}

.border2
{
	border: 1px solid #000;
	margin-top: 200px;
}


#banner_area a:hover img, #banner_area a.current img {
	border-color: #5d565d;
}

#banner_area a span {
	font-weight: normal;
	color: #444;
	display: block;
	left: 0;/*328px;*/
	padding: 5px;
	position: absolute;
	text-indent: -9999px;
	top: 160px;/*310px;*/
	width: 630px;
	text-decoration:none;
}

* html #banner_area a span {
	left: -620px;
	top: -68px;
	z-index: 1000;
}

*:first-child+html #banner_area a span {
	top: -48px;
}

#banner_area a:hover span, #banner_area a.current span {
	text-indent: 0;
	background: url(../images/bg_banner_caption.gif) repeat-x left top;
	height: 40px;
}

#banner_area a.current:hover span {
	text-indent: -9999px;
}

#banner_area a span strong {
	text-transform: uppercase;
}

#banner_area a.end {
	float: left;
	margin: 5px 0px 0 0;
	padding: 0;
}

.arrow_top {
	float: left;
	background-color: #6b1515;
	padding-bottom: 4px;
	margin: 0;
}

div.shadow {
	float: left;
	margin-left: 1px;
}

a.button {
	color: #db0134;
	font-weight: bold;
}

.free {
	/*background: none; */
}

.free span {
	background: url(../images/free.gif) no-repeat 0 8px;
	padding: 14px 0 18px 32px;
}

.view li.free {
	background: url(/images/free.gif) no-repeat 0 8px;
	padding: 14px 0 18px 32px;
}

/*drop_down*/

.drop_down {
	height: 0px;
	width: 200px;
	margin: 0 0 0 0px;
	padding: 0;
	position: absolute;
	/*relative;*/
	left: 121px;
	right: 0px;
	top: 35px;
	z-index: 10000;
}

.drop_down ul {
	margin: 0 0 0 152px;
	background-color: transparent;
}

.drop_down li {
	float: left;
	background: #fff url(/images/drop_down_bg.gif) repeat-y 0px 0px;
	padding: 3px 0px 0 0px;
	list-style: none;
	margin: 0;
	width: 184px;
}

.drop_down li.end {
	float: left;
	background: transparent url(/images/drop_down_bottom.gif) no-repeat 0px 0px;
	padding: 0px 0px 0 0px;
	list-style: none;
	margin: 0;
	width: 184px;
}

.drop_down li.link a {
	background: url(/images/grey_arrow.gif) no-repeat 8px 5px;
	padding: 0 0px 0 18px;
	margin: 0;
	color: #c12121;
}

.drop_down li img {
	padding: 0;
	margin: 0;
}

.drop_down_sg {
	overflow: display;
	float: right;
	width: 203px;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	right: 5px;
	top: 0;
	z-index: 10000;
}

.drop_down_sg ul {
	margin: 0 0 0 0px;
	background-color: transparent;
}

.drop_down_sg li {
	float: left;
	background: url(/images/drop_down_bg.gif) repeat-y 0px 0px;
	padding: 3px 0px 0 20px;
	list-style: none;
	margin: 0;
	width: 184px;
}

.drop_down_sg li.end {
	float: left;
	background: transparent url(/images/drop_down_bottom.gif) no-repeat 0px 0px;
	padding: 0px 0px 0 0px;
	list-style: none;
	margin: 0;
	width: 184px;
}

.drop_down_sg li.link a {
	background: url(/images/grey_arrow.gif) no-repeat 8px 5px;
	padding: 0 0px 0 18px;
	margin: 0;
}

.drop_down_sg li img {
	padding: 0;
	margin: 0;
}

.drop_down_sg li.user {
	margin: 0;
	padding: 0;
}

.drop_down_sg li.user a.athens_login {
	color: #c12121 !important;
	background: none !important; 
	font-size: 11px;
	float: none !important; 
	padding: 0 !important; 
	height: auto !important; 
	margin: 0 !important;
}
.drop_down_sg li.user li input {
	clear: both;
	float: left;
	width: 150px;
	margin: 5px 0 0 0;
	padding: 0;
}

.drop_down_sg li.user li input.check {
	clear: both;
	float: left;
	width: 10px;
	margin: 2px 5px 0 0;
	padding: 0;
	align: left;
}

* html.drop_down_sg li.user li input.check {
	margin: 2px 5px 0 0;
}

.drop_down_sg li.user li span.label {
	padding: 0 0px 0 0px;
	margin: 3px 0 0 0;
	float: left;
}

.drop_down_sg li.user ul {
	padding: 0 0px 0 10px;
	margin: 0;
}

.drop_down_sg li.user li {
	padding: 3px 0px 0 0px;
	list-style: none;
	margin: 0;
	background: none;
	width: 170px;
}

.drop_down_sg li.user li input.submituser {
	border: 0;
	background: url(/images/btn_bg.gif) no-repeat !important;
	cursor: pointer;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 24px;
	margin: 0;
	padding: 0 0 8x 15px;
	width: 85px;
	text-align: center;
	padding: 0;
}

.drop_down_sg li.link ul li span.smalltext label {
	padding: 0px 5px;
	margin: 4px 0 0 0;
	float: left;
}

label.tiny {
	font-size: x-small;
}

/** form styles **/

#formset {
	padding-top: 15px;
}

.spacer {
	padding-top: 25px;
}

.greenletter p {
	border: 3px solid #2ead34;
	padding: 10px;
	margin: 0 0 10px 0;
	color: #0e5211;
	/*   float: left; */
}

.greenletter p img {
	padding: 0 10px 0 0px;
	float: left;
}

.greenletter a {
	color: #0e5211;
	text-decoration: underline;
}

.redletter p {
	border: 3px solid #fc2121;
	padding: 10px;
	margin: 10px 0 10px 0;
	color: #fc2121;
	float: left;
}

.redletter p img {
	padding: 0 10px 0 0;
	float: left;
}

.redletter a {
	color: #c00;
	text-decoration: underline;
}

#advance_search {
	border-bottom: 1px dotted #ccc;
}

#advance_search #searchArchive {
	background: #ccc url(/images/bg_advance_search.gif) repeat-x left top;
	margin-top: 10px;
	padding-left: 15px;
	padding-top: 5px;
	width: 98%;
}

#advance_search #searchArchive h3 {
	width: 95%;
}

#advance_search #searchArchive input.btn {
	margin-right: 230px;
}

#advance_search #searchArchive input#keyword {
	width: 350px;
}

#leftContent #formset {
	background: #f0f0f0;
	border-bottom: 1px dotted #ccc;
	margin-left: 0;
	padding: 10px 5px;
	width: 100%;
}

#leftContent #formset .row, #leftContent #formset .multirow {
	border-top: 1px dotted #ccc;
	margin: 5px;
	padding-top: 10px;
}

#leftContent #formset .label {
	color: #000;
}

#leftContent #formset input, #leftContent #formset select, #leftContent #formset textarea {
	background: #fff;
}
img.border
{
	border: 1px solid #cccccc;
}
