/* ----- GENERAL ----- */
html, body {
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
body {
	font-size: 10pt;
	text-align: center;
}
h1, h2, h3, h4, h5, p, li, dd {
	margin: .1em 0 .3em;
	padding: 0;
	line-height: 136%;
}
li, dd {
	margin-left: 1.5em;
}
ul, ol, div, form {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5 {
	font-family: Galliard, "Galliard BT", Garamond, Georgia, serif;
}
h1 {
	margin-top: 0;
	font-size: 200%;
}
h2{font-size: 160%;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

a img {border: 0;}

.hidden {display: none;}

/* ----- IDS: General Page Layout ----- */

#PageWrapper {
	text-align: left;
}

#Header {
	margin-bottom: 0;
}


#Logo {
	
}

#Title {
	text-align: right;
	color: #1b1b1b;
	letter-spacing: .2em;
	font: 180%/110% Galliard, "Galliard BT", Georgia, serif;
	margin: 0px 2px -12px;
}




#Content {
}

#AdminPageWrapper {
}

#AdminContentWrapper {
	/*margin:0 0 50px 200px;
	padding:10px 50px;/*/
}

#AdminContent {
/*	width:100%;
	padding-top:8px;/*/
}

#MenuWrapper {
}

#Menu {
	position:absolute;
	top:70px;
	left:20px;
	width:160px;
	padding:1px 10px 0 10px;
	border:1px solid #000;
	background-color:#fff;
	text-align:left;
	line-height:150%;
}

/* box model hack for IE: \*/
* html #Menu {
	width:182px;
} 
/* ends the box model hack. see: http://tinyurl.com/9yld6 */

/* ----- IDS: Navigation ----- */

#Menu li {
	line-height:125%;
}

#Menu p, 
#Menu ul {
	margin-left:0;
	padding-left:0;
	list-style:none;
	font-family:AvantGarde,'Avant Garde',Verdana,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
}

#Menu ul ul {
	padding-left:5px;
	font-weight:normal;
}

#list_type_switcher div {
	float:left;
	margin-right:2px;
	width:150px;
	border:1px solid #000;
	background-color:#ccc;
	text-align:center;
}

#list_type_switcher div a, 
#list_type_switcher div span {
	padding:8px 0;
	                                  /* these next two make the entire "button" clickable: */
	display:block; /* Moz, etc. */
	width:150px;   /* IE */
}

#list_type_switcher div span {
	background-color:#fff;
	font-weight:bold;
}

#list_type_switcher div a:hover {
	background-color: #fcc;	
}

/* ----- IDS: Widgets/Other ----- */

#breadcrumbs {
}

#help_link {
	float:right;
	margin-top:2em;
	font-weight:bold;
	clear:both;
}

#root_login_message {
	float:right;
	margin-right:0.5em;
	color:#fff;
}

/* ----- CLASSES ----- */

.disabled {
	background-color:#ccc;
	border:1px solid #fff;
}

.error {
	font-style:italic;
	color:#a00;
}

.hidden {
	display:none;
}

.greyed_out { 
    color: #ccc;
    font-style:italic;
}

.highlighted { 
    font-style: normal;
    background-color:#6F3;

}

p.link_to_screen {
	text-align:right;
	font-weight:bold;
}

.positive {
	color:#063;
}

.simplebox {
	padding:7px;
	border:1px solid #000;
	background-color:#fff;
}

.login_message { 
    float: right; 
    padding:5px;
    width:150px;
    background-color:#ff9;
    border:1px dotted #333;
}

/* all but IE/Win & NN4: */
.simplebox>p {
	margin:0;
}



/* ----- PARAGRAPHS ----- */

p {
}

p.small {
	font-size:85%;
}

/* ----- CODE ----- */

code, pre {
	margin:3px;
	padding:3px;
	border:1px dotted #000;
	background-color:#ccf;
	font:110%/125% Monaco,Mono,'Courier New',Courier,monospace;
}

/* ----- LINKS ----- */

a {
	/*ALAN KILLED text-decoration:none;*/ 
}

a:link {
	color:#03c;
}

a:visited {
	color:#339;
}

a:hover {
	color:#33c;
}

a:active {
}

#Logo a:link, 
#Logo a:visited {
	color:#000;
}

#Logo a:hover {
	color:#000;
}

#Logo a:active {
}

/* ----- FORMS ----- */

label {
	font-weight:bold;
}

fieldset { 

    border: 1px solid black;
    
}


legend {
	font-weight:bold;
}




input {
	margin:3px;
	padding:3px;
	font-size:110%;
	color:#333;
}
input[type=submit] {
	border-color:#999 #000 #000 #999;
}
html>body select, input[type=text]{
	border-width:1px;
	border-style:solid;
	border-color:#000 #999 #999 #000;
}

/* removes checkbox/radio-button borders in IE 5.0+: */
/* (commented out for validation, uncomment to apply)
input {
    border: expression(this.type=="checkbox"? 'none':
                       this.type=="radio"?    'none':
                       '1px solid #000');
}
*/

input.full {
	width:95%;
}

select {
	margin:3px;
	font-size:110%;
	color:#333;
}

textarea {
	padding:10px;
	width:95%;
	border-width:1px;
	border-style:solid;
	border-color:#000 #999 #999 #000;
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	color:#333;
}

/* affects buttons only: */
input.plain,
input.processing,
input.cautionary,
input.alertive {
	font-weight:bold;
	color:#000;
}

input.plain {
	background-color:#ccf;
}

input.processing {
	background-color:#9c9;
}

input.cautionary {
	background-color:#ffc;
}

input.alertive {
	background-color:#f66;
}

/* IE doesn't understand this: */
input:focus, 
textarea:focus {
	border-color:#009 #33c #33c #009;
}

div.buttonfloat {
	float:right;
}

/* ----- TABLES ----- */

table {
	font-size:100%;                   /* fixes IE inheritance bug, redundant for others */
}

td {
	vertical-align:top;
}

/* all but IE/Win & NN4: */
td>p {
	margin:0;
}

table.tagchart {
	border-collapse:collapse;
	border:2px solid #000;
	background-color:#fff;
	width:100%;
}

table.tagchart td {
	border:1px solid #000;
	padding:5px;
}

/* ----- BREAKS ----- */

hr {
	width:66%;
	text-align:center;
	height:1px;
	border:0;
	color:#000;                       /* IE */
	background-color:#000;            /* Moz & Opera */
	clear:both;
}

div.floatclear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* ----- ARCHIVES ----- */

#archived_message_wrapper {
}

#archived_message_head {
}

iframe#archived_message_body_container {
	height:500px;
	width:100%;
	border:1px solid #000;
	/* text-styling rules will have NO effect in here. see below instead. */
}

#archived_message_body {
/* inline-displayed HTML messages keep their inline styles, but can otherwise be styled here.
   iframe-displayed HTML messages *always* retain their own style. this does nothing for 'em.
   plain text messages, whether inline or iframed, will be styled here also. */
}

.quoted_reply { 
	color:#666;
	font-style:italic;
}

#archived_attachments_wrapper {
}


 ul.archive_badges_ul{ font-size:  11px;
line-height: 13px; }

li.archive_badges_li {
display: inline;
padding-left: 3px;
padding-right: 7px;
/* border-right: 1px dotted #066; */
}


/*ALAN*/
/******SQUEAX_CORNERS METHOD 
* yeah I may have come up with this variant**
* sqw = sqeax corners Whole
	- left border is this background
* sqt = top
	- top border is this bg
* sqb = bottom
	- bottom border
* sqc = content (middle)
	- right border
* then there are two images (.sql for left and .sqr for .right)
* which are in each .sqt and .sqb, fairly obviously they are corners.
*
* All files can be base64 encoded and included here, which would mean
* just one file loading! and unlike "sliding doors" images don't have to
* be ridiculously wide!
***/
.sqt, .sqw { 
	background-position: top left;
}
.sqb, .sqc {
	background-position: bottom right;
}
.sqt, .sqb { 
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-repeat: repeat-x;
}
.sqw { 
	padding: 0;
	margin: 0;
}

.sqw, .sqc { 
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-repeat: repeat-y;
}
.sqc { /*content*/
	
}
.sqt img, .sqb img { 
	padding: 0;
	margin: 0;
	border-width: 0;
}
.sql {
	float: left;
}
.sqr {
	float: right;
}

/***specific styles***/
body, html {
	background: #6d7a8f none;
	color: white;
}
.largeBox {
	background-color: #556276; 
	background-image: url('/alan-img-css/large_left.gif'); /*left*/
	width: 45em;
	margin: 1em auto;
}

.largeBox .sqt {
	background-image: url('/alan-img-css/large_top.gif');
	height: 10px;
}
.largeBox .sqb {
	background-image: url('/alan-img-css/large_bottom.gif');
	height: 10px;
}
.largeBox .sqc {
	background-image: url('/alan-img-css/large_right.gif');/*right*/
	padding: 1px 11px 0 12px ;
}
.largeBox .sqc .sqc {
	padding: 0 9px 0 6px;
}

.largeBox .sqw { /*that is, .contentBox, .alertBox etc*/
	margin: 8px 0 0 0;
}
.contentBox {
	background-color: #c7ceda;
	background-image: url('/alan-img-css/content_left.gif'); /*left*/
	color: #1b1b1b;
}
.contentBox .sqt {
	background-image: url('/alan-img-css/content_top.gif');
	height: 7px;
}
.contentBox .sqb {
	background-image: url('/alan-img-css/content_bottom.gif');
	height: 9px;
}
.contentBox .sqc {
	background-image: url('/alan-img-css/content_right.gif'); /*right*/
	margin-bottom: 0;
}
#TOC {
	background-color: white;
	border: 1px solid #6d7a8f;
	padding: .3em;
	color: black;
	float:right;
	margin-left: .4em;
}
#TOC::before {
    content: "In This Issue:";
    display: block;
    font-weight: bold;
}
#TOC li {
	line-height: 115%;
	margin-bottom: 0;
	margin-top: 0;
}