/* normalize margin and padding between browsers best we can
	avoid the star-selector * {} method is overkill and messes up forms 
	based on http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
	also ideas from http://www.thenoodleincident.com/tutorials/typography/template.html
*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body {
    /* magic numbers: 67% 76%  */
	font-size: 10px;
	background: #ccc url(../images/bg-tint.gif) repeat;
}
/* ie 5 hack per bulletproofwebdesign
* html body {
	font-size: x-small;
	f\ont-size: small;
} */
.xar-mod-head,
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}
li, dd, blockquote {
	margin-left: 1em;
}
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100% Verdana, Arial, Helvetica, sans-serif;;
}

/* ===================================== */

/* links */
a, a:link {
    color: #333;
	text-decoration:  none;
}
a:visited { 
    color: #333;
}
a:active { }
a:hover { 
	text-decoration: underline;
}

/* section headers */
.xar-mod-head,
h1, h2, h3, h4 {
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-weight: bold;
    line-height: 120%;
}
.xar-mod-head,
h1 { font-size: 150%;
	margin-top: 0; } /* need this to prevent gap between navbar and middle */
h2 { font-size: 135%; }
h3 { font-size: 110%;}
h4 { font-weight: normal; font-style: italic; }

/* tables */
table {
    line-height: 1.35em;
    /* margin: 5px 0;
    border-spacing: 1px; */
    background-color: #d0d0d0;
	border-collapse: collapse;
}
/* the actual border should be visible only when border-width is re-declared */
th {
    color: #666699;
    background-color: #f3f3f3;
}
tfoot {
    font-weight: bold;
    background-color: #DCDCE1;
}
th, td {
    /* padding: 1px 3px; */
    height: auto;
}
td { background-color: #ffffff; }

/* form elements */
legend {
    color: #CC3300;
    border: 1px solid #aaaaaa;
    margin: 0 -1px;
    padding: 1px 5px;
    font-weight: bold;
    min-width:15em;
    display:block;
}
fieldset {
    border: 1px solid #aaaaaa;
    margin: 1em 0;
    padding:5px;
}
label.xar-form-label {
    padding: 2px;
    text-align: right;
    padding-left: 5px;
    margin: 0 5px 0 0;
    font-weight: normal; 
	color: #666;
	width: 12em;
    /*font-weight: normal; 
	color: #333366;
    background-color: #f9f9f9;
    border:1px solid #f0f0f0;*/
    clear:left;
}

.xar-error {
	color: #CC3300;
}

.form-input-area {
	font-size:95%;
	margin: 1em 3em;
	padding: 1em;
	background-color: #eee;
}
.form-input-area input {
	font-size: 95%;
}
.form-input-area select {
	font-size: 95%;
}

/* other */
img { border: 0; }

hr {
    width: 100%;
    color: #cccccc;
    height:1px;
}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
}

sup, sub, .xar-sub {
    font-size: 90%;
    font-weight: normal;
}


/* ============================ */
/* === wrappers === */
#xb-admin-wrapper {
	/* margin: 0 auto; */
	margin: 0 140px 0 0;
	background-color: #EEE; /* $BROWSER_BG_COLOR */
}

#xb-outer-wrapper {
	width: 922px; /* 884 872px 992px; PAGE_WIDTH */ 
	margin:  auto;
	/* background: white url(../images/alumbiz-logo95.gif) 40px 10px no-repeat; */
	background: white url(../images/alumbiz-logo115.gif) 30px 0px no-repeat;
}

.xb-inner {
	padding: 1em;
}
.xb-halfwidth {
	width: 50%;
}

/* ============================ */
/* ADMIN MENU STYLES */

#xb-admin {
	position: absolute;
	right: 0;
	background-color: #ddd;
	border: 1px black solid;
	width: 130px;
}

.xar-menu-section {
	margin: 0;
	padding: 0;
}

ul .xar-menu-section { /* XB */
	list-style: none;
}
li .xar-menu-section { /* XB */
	list-style: none;
}

.xar-menu-section-current {
}

.xar-menu-item {
	list-style: none;
}
.xar-menu-item a { /* XB */
	display: block;
	text-decoration: none;
}
.xar-menu-item a:link { /* XB */
	color: blue;
}
.xar-menu-item a:visited { /* XB */
	color: blue;
}
.xar-menu-item a:hover { /* XB */
	color: red;
	background-color: silver;
}

.xar-menu-item {
	Amargin-top:1em;
margin:0; padding:0;
}
li .xar-menu-item {
	margin-top:1em;
}
li .xar-menu-item a {
	margin-top:0.25em;
}

.xar-menu-item-current {
}
.xar-menu-item:hover {
}

.xar-menu-subitem {
	list-style: none;
	font-size: 90%; /*$font_smaller;*/
}

.xar-menu-subitem a { /* XB */
	text-decoration: none;
	padding-left: 1em;
}
.xar-menu-subitem a:link { /* XB */
	color: green;
}
.xar-menu-subitem a:visited { /* XB */
	color: green;
}
.xar-menu-subitem a:hover { /* XB */
	color: red;
}

.xar-menu-subitem:hover {
}
.xar-menu-subitem-current {
	font-size: 90%; /* $font_smaller; */
}
.xar-menu-item-current > .xar-menu-subitem > a {
color: yellow;
}
.xar-menu-item-current > .xar-menu-subitem > a:visited {
color: yellow;
}

		
/* === masthead === */		
#xb-masthead {
	position: relative; /* so contents can be position:absolute within */
	width: 100%;
    height: 100px; /* 114 */ /* $HEIGHT_MASTHEAD; */
	margin:  0;
	padding:  0;
}
#xb-masthead-logo { 
	/* remove these styles if no text, just logo
	font-size: 45px;
	padding: 10px 0 0 25px;
	color: #ccc; */
}
/* allow link of logo in banner */
#xb-masthead-logo a, #xb-masthead-logo a:hover {
    float: left;
    width: 140px;
    height: 100px;
    background-color: transparent;
	text-decoration: none;
}

.ab-mastheadschool {
	margin: 0; padding: 0;;
	text-align: center;
	padding-top: 30px;
	padding-right: 130px; /* for center, since logo link is floated */
	font-size: 30px;
/*	font-style:  italic;*/
	color: #444;
}

.ab-mastheadgeneral {
	margin: 0; padding: 0;;
	text-align: center;
	padding-top: 30px;
	padding-right: 130px; /* for center, since logo link is floated */
	font-size: 30px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

#ab-masthead-subschools {
	float: right; 
	padding: 40px 50px 0 0;
	width:  180px;
}

#ab-masthead-subschools select {
	width: 180px; 
	font-size: 10px;
}

/* == top nav == */
#xb-topnav {
	clear: both;
	padding-left:  178px;
	width: 700px;
	Afont-family: Arial, Helvetica, sans-serif;
}

#xb-topnav-divider {
	clear: both;
	border:  2px solid #ddd;
	border-width: 0 0 2px 0;
}

#xb-topnav ul {
	list-style: none;
	margin: 0; padding: 0;;
}
#xb-topnav li {
	float: left;
	padding: 0 0 0 2px; /* space between buttons */
	margin: 0;
}
#xb-topnav li a {
	display: block; /* to be a button rather than a link */
	padding: 3px 5px 3px 5px;
	color: #000; /* foreground color */
	background: url(../images/bgtop.gif) repeat-x;
	text-decoration: none;
	border:  1px solid #ccc;
	border-bottom-style: none;
}
#xb-topnav li a:hover {
	color: #CC0000; /* hover color */
}

/* == top nav == */

#ab-accountnav {
	clear: both;
	padding-left:  25px;
	Afont-family: Arial, Helvetica, sans-serif;
}

#ab-accountnav ul {
	list-style: none;
	margin: 0; padding: 0;;
}
#ab-accountnav li {
	float: left;
	padding: 0 0 0 2px; /* space between buttons */
	margin: 0;
}
#ab-accountnav li a {
	display: block; /* to be a button rather than a link */
	padding: 3px 5px 3px 5px;
	color: #000; /* foreground color */
	background: url(../images/bgtop.gif) repeat-x;
	text-decoration: none;
	border:  1px solid #ccc;
	border-bottom-style: none;
}
#ab-accountnav li a:hover {
	color: #CC0000; /* hover color */
}

/* ========== */

#xb-middle {
	clear: both;
	min-height: 450px;
	height:auto !important;
	height: 450px;
}
#middle-table {
	width:  922px; /* PAGE_WIDTH for safari */
}

/* ========== */
#middle-left {
	margin: 0; padding: 0; border: 0;
	width:  180px;
	/* min-width:  142px; */
	vertical-align: top;
	background-color: #999;
	color: #fff;
}
.left-inner {
	margin: 1em;	
}

#middle-left hr {
	border: 2px solid #CC0000;
	border-width:  2px 0 0 0;	
}
#middle-left label {
	font-size: 90%;
}
#middle-left input {
	font-size: 90%;
	width: 60px;
}
#middle-left ul {
	list-style: none;
	margin: 0; padding: 0;
}
#middle-left li {
	margin: 1em 0;
}
#middle-left li a {
	text-decoration: none;
	color: #fff;
}
#middle-left li a:hover {
	text-decoration: underline;
}

#middle-left li .registernow a {
	font-weight: bold;
	color: #CC0000;
}

/* ========== */
#middle-center {
	margin: 0; padding: 0; border: 0;
	vertical-align: top;
	/* middle width */
	/* width: 720px;
	min-width: 720px; */
	width: 600px;
	min-width: 600px;
	background-color: #fff; /* #ddd grey matches bgtop.gif */
}

/* ========== */
#middle-right {
	margin: 0; padding: 1em 0; border: 0;
	width:  142px;
	min-width:  142px;
	vertical-align: top;
	text-align: center;
	background-color: #999;
	color: #fff;	
}
#middle-right img {
	padding: 0;
	margin: 0 0 1em 0;
}


/* === footer === */
#xb-footer {
	clear: both;
	padding:  1em;
	text-align: center;
	background-color: white;
	border:  6px solid #ddd;
	border-width: 6px 0 0 0;
}

#xb-copyright {
	clear: both;
	padding: 1em;
	text-align: left;
	color: #aaa;
	font-size: 80%;
}

/* === editors menus === */
#xb-admin {
	position: fixed; /*absolute;*/
	right: 0;
	background-color: #ddd;
	border: 1px black solid;
	width: 130px;
}


/* ============================ */
/* === alumbiz content areas == */
#ab-text {
	background:  white;
	margin: 4px 0;
	padding: 1em;
	min-height: 450px;
	height:auto !important;
	height: 450px;
	
}

#ab-text td {
	padding: 1em;
}

#ab-text .tr-even {
	border: 1px #888 solid;
}
#ab-text .tr-odd {
	border: 1px #888 solid;
	background-color: #eee;
}

/* ========== */

#ab-schoolmosaic {
	padding: 0;
	margin: 0 auto;
	border: 0;
/*	background: #fff url(../images/box-120ccc.gif) 0 0 repeat;*/
	background: #fff;
	line-height: 0;
	min-height: 450px;
	height:auto !important;
	height: 450px;
}

#ab-schoolmosaic img {
	border: 0;
	margin: 0px;
	border: 1px solid #ccc;
	padding:0;
	margin:1px; 
	width: 96px; 
	height: 46px;
}

#ab-schoolmosaic .texttile {
	border: 0;
	margin: 0px;
	padding:0;
	border: 1px solid #ccc;
	margin:1px; 
	float: left;
}
#ab-schoolmosaic .texttile p {
	border: 0;
	margin: 0px;
	padding:0;
	width: 96px; 
	height: 46px;
	line-height: 1em;
	text-align: center;
	padding-top: 1em;
}

		/* for vertical-align see http://www.ibloomstudios.com/article9 */

/* ========== */

#ab-bizmosaic {
	margin: 0;
	border:  0;
	padding: 0;
	background: #fff url(../images/box-50ccc.gif) 0 0 repeat;
	line-height: 0;
	min-height: 450px;
	height:auto !important;
	height: 450px;
position: relative;
}

#ab-bizmosaic img {
	border: 0;
	margin: 0;
	padding: 0 0 1px 1px;
/*	width: 49px; 
	height: 49px; */
}

.tile {
	float: left;
	position:  relative;
	width:  100px;
	height: 100px;
	margin: 0; padding: 0; border: 0;
}
.tile1 {
	position:  absolute;
	left: 0;
	top: 0;
}
.tile2 {
	position:  absolute;
	left: 50px;
	top: 0;
}
.tile4 {
	position:  absolute;
	left: 0px;
	top: 50px;
}
.tile8 {
	position:  absolute;
	left: 50px;
	top: 50px;
}

#ab-bizmosaic .texttile {
	border: 0;
	margin: 0px;
	padding:0 0 1px 1px;
	overflow: hidden;
}

#ab-bizmosaic .t1x1 {
	border: 0;
	margin: 0;
	padding:0;
	width: 49px; 
/*	height: 49px; */
	line-height: 1em;
	text-align: center;
	padding-top: 1em;
}
#ab-bizmosaic .t2x1 {
	border: 0;
	margin: 0;
	padding:0;
	width: 99px; 
/*	height: 49px; */
	line-height: 1em;
	text-align: center;
	padding-top: 1em;
}
#ab-bizmosaic .t1x2 {
	border: 0;
	margin: 0;
	padding:0;
	width: 49px; 
/*	height: 99px; */
	line-height: 1em;
	text-align: center;
	padding-top: 1em;
}
#ab-bizmosaic .t2x2 {
	border: 0;
	margin: 0;
	padding:0;
	width: 99px; 
/*	height: 99px; */
	line-height: 1em;
	text-align: center;
	padding-top: 1em;
}



/* ========== */

#ab-alummosaic {
	margin: 0;
	border: 0;
	padding: 0;
	/* background: #fff url(../images/box-60ccc.gif) 0 0 repeat; */
	background:  #fff;
	line-height: 0;
	min-height: 450px;
	height:auto !important;
	height: 450px;
}

#ab-alummosaic img {
	border: 0;
	margin: 0px;
	padding: 0 0 2px 2px;
	width: 73px; 
	height: 73px;
	float:left; /* this added when added texttile 12/27/06 */
}

/* consider wrapping in a span */
.alumimagespan {display: block; border:2px solid #ccc; height: 73px; width: 73px;}


#ab-alummosaic .texttile {
	border: 0;
	margin: 0px;
	padding:0 0 2px 2px;
	float: left;
}
#ab-alummosaic .texttile p {
	border: 0;
	margin: 0;
	padding:0;
	width: 73px; 
/*	height: 73px; */
	line-height: 1em;
	text-align: center;
	padding-top: 1em;
}

/* =========== */

/* for display pages */
.ab-imgborder {
	border: 1px solid #ccc;
}



#ab-account .xar-form-textxlong {
	width: 170px;
}

#ab-wizardtabs {
	margin: 1em 0;
}

#ab-wizardtabs ul {
	list-style: none;
}
#ab-wizardtabs li {
	float: left;
	padding: 0 0 0 2px; /* space between buttons */
	margin: 0;
		margin-bottom: 0.5em;;
}
#ab-wizardtabs li a {
	display: block; /* to be a button rather than a link */
	padding: 3px 5px 3px 5px;
	font-size: 10px;  /* 8px dont know how this adds up to 20px but it does visually */
	color: #000;
	text-decoration: none;
	padding-right: 15px;
	background: #c17c00 url(../images/arrowhead-tan.gif) right no-repeat;
}
/* #ab-wizardtabs .current li a {
	display: block;
	padding: 3px 5px 3px 5px;
	font-size: 10px;
	color: #000;
	background-color: #6f962c;
	text-decoration: none;
} */
#ab-wizardtabs li .current {
	display: block; /* to be a button rather than a link */
	padding: 3px 5px 3px 5px;
	font-size: 10px;  /* 8px dont know how this adds up to 20px but it does visually */
	color: #000;
	text-decoration: none;
	padding-right: 15px;
	background: #6f962c url(../images/arrowhead-green.gif) right no-repeat;
}
.last {
	background-image:  none;
}
#ab-wizardtabs li a:hover {
	/* color: yellow;  */
}

.evenrow {
	background-color: white;
	vertical-align: middle;
}

.oddrow {
	background-color: #eee;
	vertical-align: middle;
}

/* ====== helpful stuff ================ */
.display-inline {
	display: inline;
}
.display-block {
	display: block;
}
.list-spaced ul, .list-spaced li, .list-spaced ol { 
	padding:0;
	margin:0;
	margin-bottom:.75em;
	margin-left: 1em;
	list-position: outside;
}
.more {
	font-size: 90%;
	font-weight: bold;
}
.firstp:first-letter { 
	font-size:200%; 
	color:#015118; 
	font-weight:bold; 
	font-style:italic;
}

.xar-error {
	color:  red;
	display:block;
	float:right;
}

table td {
	vertical-align: top;
}

.padded {
	padding: 1em 2em 1em 1em;
}

.xar-form-input-wrapper {
    overflow:visible !important; /* JSL remove to skip tab on labels */
}