/*Aaron, please make lots of comments as you go */
body {
	margin:0px;
	padding: 10px;
}
body,body td {
	font-family: Arial,Verdana,sans-serif;
	font-size:12px;
}
/* This so that we always get hands over links when hovering */
a{cursor:pointer;color:Blue;}
img{border:0px}
select option.PleaseSelect,.PleaseSelect{color:Red;}
.center {text-align:center;}
.right {text-align:right;}
.label{
	font-weight:bold;
}
.validator{
    font-weight:normal;
    color:Red;}
    
/* This for main columns of elements on page */
table td.column {padding-right:10px;vertical-align:top}
/* required field asterisk */
.asterisk {
	color:red;
/*	font-size:15px; */
	font-weight:bold;
}

/*#######################################*/
/* This is for the standard page title and the link menu */
.Title {
	font-family: Verdana,Arial,Sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#953735;
	word-spacing:1.0;
	white-space:nowrap;
	margin:5px 0px 5px;
}	

/* This is for links that come after the page title, in a single line list */
ul.TitleMenu {
	margin: 0px 0px 0px 15px;
	padding:0px;
	display: inline;
	vertical-align:middle;
}	
ul.TitleMenu li {
	display: inline;
	font-size:12px;
	font-weight:normal;
	white-space:nowrap;
	padding-top:5px;
	padding-left:8px;
	color:#000000;
	vertical-align:middle;
}

ul.TitleMenu li a,ul.TitleMenu li a:visited {
	text-decoration:underline;
	color:#000000;	
	font-weight:normal;
}

ul.TitleMenu li a:hover 
{
	color:Red;
	font-weight:bold;
}

.Subtitle {
	font-family: Verdana,Arial,Sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:5px 0px 5px;
	padding:0px;}
.Subtitle .label {color:black;}
.Subtitle .value, .subtitle .value a {color:blue;text-decoration:none;}
.Subtitle .value a:hover {color:Red;text-decoration:underline} 
.Subtitle .inactive {color:Red}
/*#######################################*/
/*Styles for the error and status labels*/
ul.statusList, ul.errorList {
	font-size:14px;
	margin:5px 0px;
	padding: 5px 10px;
	list-style-position: inside;
	list-style-type: square;
}

ul.statusList {
/*	background:PaleTurquoise; 
	border:2px solid Blue; */
	color:Blue;
	color:Green;
}
ul.errorList {
/*	background:MistyRose; 
	border:2px solid Red; */
	color:Red;
}

/*#######################################*/
/* Here are some standard inputs */
select.dropdown,select.listbox {
	font-size:11px;
}
input.textbox ,textarea.textbox{
	font-size:12px;margin:0px;width:200px;
}
textarea.textbox{
	font-size:12px;margin:0px;height:75px;
}
/*#######################################*/
	

/*#######################################*/
.inactiveRowCount {
	text-decoration:none;
	line-height:1.3;
	color:#ff6666;
	font-weight:bold;
	font-style:normal;
	font-size:11px;
}
	
.inactiveRowCount:hover {
	text-decoration:underline;
	color:red
}

.rowCount {
	font-weight:bold;
	color:Blue;
	font-size:14px;
}
.limitedCountNotice {
	font-style:italic;
	font-weight:normal;
	color:red;
	font-size:12px;
}

/*These styles apply to search results that don't have editing and updating */
.ResultsGrid table {
border-width: 0px;border-collapse:collapse;
}
.ResultsGrid td {
	vertical-align:middle;
	padding:2px 6px;
	border:solid 1px #cb8d8c; /* amazingly this keeps a 1px border instead of 1+1=2px border */
	font-size:11px;
}
.ResultsGrid td a {
	font-size:12px;
	text-decoration:none;
}
.ResultsGrid td a:hover {
	color:red;
}
.ResultsGrid td div {border-width:0px}
.ResultsGrid .nowrap {white-space:nowrap}
.ResultsGrid tr.item td,.ResultsGrid td.item {
	 background-color:#ffffff;
}
.ResultsGrid tr.alt td,.ResultsGrid td.alt {
	background:#f2dddc;
 }
.ResultsGrid tr.header td,.ResultsGrid td.header {
	background:#953735;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	padding:2px 6px;
 }

.ResultsGrid tr.header td ,.ResultsGrid tr.header td a,.ResultsGrid td.header {
	color:#f2dddc;
	font-size:11px;
	font-family:Arial,verdana,sans-serif;
}
.ResultsGrid tr.header td a:hover {
	color:yellow;
}

.InfoGrid tr.header td,.InfoGrid td.header {
	background:#ffffff;
 }
.InfoGrid tr.header td a, .InfoGrid tr.header td {
	color:#953735;
}
.InfoGrid tr.header td a:hover {
	color:gray;
}
.InfoGrid {
    padding:5px;text-align:center;
}	
/* ###### */

/* TableForm is typical form with label next to input */
.TableForm td {
	padding:2px 2px;
	vertical-align:middle;
}
.TableForm td.label{
	text-align:right;font-weight:bold;
}
.TableAddress td {
    text-align:center;padding:0px 3px;}
.TableAddress tr.label td {
    text-align:left;}
.TableAddress td.start {
    padding-left:0px}
.TableAddress td.finish {
    padding-right:0px}
.SimpleForm input.textbox,.SimpleForm select.dropdown {margin:0px;margin-bottom:5px;}
    
/* These are the standard header */
div.header,div.header td {
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana,Sans-serif;
	/*font-variant:small-caps; */
	vertical-align:middle;
	white-space:nowrap;
	border:solid 2px #953735;
	border-bottom:0px;
	padding:2px 6px;
	text-align:center;
	background:#ffffff;
	color:#953735;
	background:#953735;
    color:White;	
}
div.header td {
	padding:0px;border:0px;
}
/* standard content */
div.form {
	border:solid 2px #953735;
	padding:5px;
	background:#ffa3a2;
	background-image:url(/ari/images/gradient.jpg);
        background-repeat:repeat-x;
        background-position:top;
}
div.content {
	border:solid 2px #953735;
	padding:0px;
}
div.spacer {padding:5px;}
/* Standard looking button */

.button {
    zoom:1; /* crazy trick that makes buttons work in IE */
    padding:3px 6px;
    font-size:12px;
    color:black;
    border:solid 3px #33CCFF;
    background:white;
    font-weight:bold;
    text-decoration:none;
    letter-spacing:2px;
    margin:3px;
    }
    .button:hover {
    background:#FFFF99;
    }
 /* Top banner styling */
 .topbanner .logo,.topbanner .user {
    white-space:nowrap;
    padding-right:10px;
    }
 .topbanner .user .label {
    color:#953735;
    }
    
  .topbanner .logo {
    font-weight:bold;
    font-size:20px;
    }
    .topbanner .menu .menu a {
        zoom:1;
        color:#953735;
        text-decoration:none;
        height:32px;
        width:120px;
        background-image:url(/ari/images/menuButton/menuButton.gif); 
        background-repeat:no-repeat;
        background-position:center;
        font-weight:bold;
    }
    .topbanner .menu .menu a span { /*need this because we have to have everything in the link so that we can use :hover pseud class but can't center vertically in a link  */
        zoom:1;
            padding-top:7px;
    }
    .topbanner .menu .menu a:hover {
        color:#999999;
        /* background-image:url(/ari/images/Logo.gif);  */
    }

    .topbanner .menu .menu td {
        text-align:center;
        padding:0px 5px;
    }
    .topbanner {
    background:#ffffff;
    padding:0px;
    border:solid 1px #f2dddc;
    border-bottom:solid 1px #953735;}
    
/* Standard Button will be discrete sizes */
    a.StandardButton {
        zoom:1;
        color:#953735;
        text-decoration:none;
        height:22px;
        width:76px;
        background-image:url(/ari/images/StandardButton/StandardButton.gif); 
        background-repeat:no-repeat;
        background-position:center;
        font-weight:bold;
        margin:0px 3px;
        text-align:center;
/*        border:solid 1px red;  */
    }
    a.StandardButton span { /*need this because we have to have everything in the link so that we can use :hover pseud class but can't center vertically in a link  */
        zoom:1;
            padding-top:3px;
    }
    a.StandardButton:hover {
        color:#999999;
        /* background-image:url(/ari/images/Logo.gif);  */
    }
    a.StandardButton140 {
        height:22px;
        width:142px;
        background-image:url(/ari/images/StandardButton/StandardButton140.gif);
    }
    a.StandardButton180 {
        height:22px;
        width:182px;
        background-image:url(/ari/images/StandardButton/StandardButton180.gif);
    }
    a.WhiteButton {
        height:29px;
        width:85px;
        background-image:url(/ari/images/whiteOnPink/whiteOnPink.gif);
    }
    a.WhiteButton span,a.WhiteButton140 span,a.WhiteButton180 span {
        padding-top:5px;
    }
    a.WhiteButton140 {
        height:29px;
        width:145px;
        background-image:url(/ari/images/whiteOnPink/whiteOnPink140.jpg);
    }
    a.WhiteButton180 {
        height:29px;
        width:187px;
        background-image:url(/ari/images/whiteOnPink/whiteOnPink140.jpg);
    }
    a.WhiteButtonTop {
        height:29px;
        width:85px;
        background-image:url(/ari/images/whiteOnLightPink/whiteOnLightPink.gif);
        background-image:url(/ari/images/whiteNoShadow/whiteNoShadow.gif);
    }
    a.WhiteButtonTop span,a.WhiteButtonTop140 span,a.WhiteButtonTop180 span {
        padding-top:7px;
    }
    a.WhiteButtonTop140 {
        height:29px;
        width:145px;
        background-image:url(/ari/images/whiteOnLightPink/whiteOnLightPink140.jpg);
        background-image:url(/ari/images/whiteNoShadow/whiteNoShadow140.gif);
    }
    a.WhiteButtonTop180 {
        height:29px;
        width:187px;
        background-image:url(/ari/images/whiteOnLightPink/whiteOnLightPink180.jpg);
        background-image:url(/ari/images/whiteNoShadow/whiteNoShadow180.gif);
    }
    
    a.PinkButton {
        height:29px;
        width:84px;
        background-image:url(/ari/images/pinkButton/pinkButton.gif);
    }
    a.PinkButton span,a.PinkButton140 span ,a.PinkButton180 span {
        padding-top:4px;
    }
    a.PinkButton140 {
        height:29px;
        width:141px;
        background-image:url(/ari/images/pinkButton/pinkButton140.gif);
    }
    a.PinkButton180 {
        height:29px;
        width:187px;
        background-image:url(/ari/images/pinkButton/pinkButton180.gif);
    }
    
    
    a.logoutButton {
        zoom:1;
        color:#953735;
        text-decoration:none;
        height:24px;
        width:122px;
        background-image:url(/ari/images/logoutButton/logoutButton.jpg); 
        background-repeat:no-repeat;
        background-position:center;
        font-weight:bold;
    }
    a.logoutButton span { /*need this because we have to have everything in the link so that we can use :hover pseud class but can't center vertically in a link  */
        zoom:1;
            padding-top:4px;
    }
    a.logoutButton:hover {
        color:#999999;
        /* background-image:url(/ari/images/Logo.gif);  */
    }

/* CloseButton Button */
    a.CloseButton {
        zoom:1;
        background:#953735;
        color:#ffffff;
        text-decoration:none;
        height:16px;
        width:20px;
        font-weight:bold;
        margin:0px 3px;
        text-align:center;
    }
    a.CloseButton span { /*need this because we have to have everything in the link so that we can use :hover pseud class but can't center vertically in a link  */
        zoom:1;
            padding-top:4px;
    }
    a.CloseButton:hover {
        color:gray;
        /* background-image:url(/ari/images/Logo.gif);  */
    }