@media screen {



/******************************************/
/*            GENERIC STYLES              */
/******************************************/
table.table td
{
    vertical-align: top;
    padding: 5px;
}

td.prompt {
    text-align:right;
    vertical-align:top;
    padding: 4px 7px 4px 0;
    width:25%;
    }
td.input {
    text-align:left;
    vertical-align:top;
    padding: 5px;
    width:75%;
    }
td.default {
    text-align:left;
    position:relative;
    vertical-align:top;
    padding: 4px 0;
    }
.textbox { width:260px; }
.textboxshort { width:150px; }

table.offering { width: 100%; /*font-size: 10px;*/ }

.box
{
border:solid 1px black;
background-color: #fff;
padding:5px;
}
#updatelinks{height:20px;}
#addressbox{padding:5px;}
#addressupdate{float:left;width:150px;height:10px;}
#mailupdate{float:right;width:155px;height:10px;}

ul.multiline{display:block;padding-bottom:23px;list-style:none;}

.multiline{display:block;padding-bottom:23px;}

.multiline label{
display:block;
float:left;
width:90%;
padding-top:3px;
padding-bottom:3px;
}
.multiline input{
display:inline;
float:left;
clear:left;
}
.fixedwidthoptions
{
    margin-left: 0;
    padding-left: 0;
    width:100%;
}
.fixedwidthoptions td label{
display:block;
float:left;
width:90%;
padding-top:3px;
padding-bottom:3px;
}
.fixedwidthoptions td input{
display:block;
float:left;
}

.multilinelist{

}
.multilinelist td label{
display:block;
float:left;
width:70%;
padding-top:3px;
padding-bottom:7px;
}
.multilinelist td input{
display:block;
float:left;
margin-left:20px;
}

.noComplyText{
width:400px;
height:121px;
margin-left:20px;
clear:left;}

.formbuttons{padding-left:15px;padding-right:15px;height:20px;}
.leftside{float:left;width:150px;height:20px;}
.rightside{float:right;width:200px;height:20px;text-align:right;}

.multilinesmall
{
display:block;
float:left;
}
.multilinesmalllabel
{
display:block;
float:left;
width:90%;
padding-top:0px;
padding-bottom:3px;
}

.citysupport{
padding-top:5px;
}
.required{ color:red; padding-right: 3px; }

.success {
    color:green;
    padding:5px;
    text-align:center;
    font-size:1.5em;
    line-height:1.5em;
    }
.failure{
color:red;
padding:5px;
text-align:center;
font-size:1.5em;
line-height:1.5em;
}


/******************************************/
/*            CUSTOM STYLES               */
/******************************************/

/*Class is used for other email on the mailing preferences page.*/
.textotheremail {margin-left: 25px; width:125px;}
/*Class is used for CICA Billing status udpate.*/
.dropinstitute
{min-width:125px;}

/*Class is used for amount due on Fee Details page*/
.amountdue
{
border:solid 1px #000;
padding:3px;
font:bold 14px/1.2em Arial, Verdana, Sans-Serif;
}
.amountduetitle
{
margin:0px;
padding:3px 0 3px 0;
font:bold 14px/1.2em Arial, Verdana, Sans-Serif;
}

/*Class is used for balance owing section <hr/>on Fee Details page*/
.hrdotted
{
border: 0;
border-top:dotted 1px #000;
color: #ffffdc;
background-color: #ffffdc;
}
.hrsolid
{
border: 0;
border-top:solid 1px #666;
color: #ffffdc;
background-color: #ffffdc;
}
.leftcol
{
text-align:right;
background-image:url(../images/background_members.gif);
background-repeat:repeat-y;
 background-position:right top;
border-left:solid 1px black;
}

.leftcolyellow
{
text-align:right;
background-image:url(../images/background_education.gif);
background-repeat:repeat-y;
 background-position:right top;
border-left:solid 1px black;
}

.leftcolyellow a, .leftcol a{padding-right:13px; display:block; text-align:right;}
.leftcolyellow a:link, .leftcol a:link 
	{
	color: #000;
	text-decoration:none;
	background-color: transparent;
}

leftcolyellow a:visited, .leftcol a:visited 
	{
	color: #000;
	text-decoration: none;
	background-color: transparent;
	}

leftcolyellow a:hover, .leftcol a:hover
	{
	color: #000;
	text-decoration: underline;
	background-color: transparent;
	}

leftcolyellow a:visited:hover, .leftcol a:visited:hover 
	{
	color: #000;
	text-decoration: underline;
	background-color: transparent;
	}

form{padding:0px margin:0px;}

.shoppingCartHeader {
	float: right;
	width: 145px;
}
.icaa_cartView { margin-right: 4px; }


/*
    modified: 2009-05-28 AJW

    .resultsheader(asc|desc) : ucQuickSearch.ascx.cs >> headings for table + sorting
*/
.resultsheader,
.resultsheaderasc,
.resultsheaderdesc { white-space: nowrap; }

.resultsheader a {padding-right: 16px;}

.resultsheaderasc a {padding-right: 16px; background:transparent url(images/sort_asc.gif) 100% 50% no-repeat scroll; }

.resultsheaderdesc a {padding-right: 16px; background:transparent url(images/sort_desc.gif) 100% 50% no-repeat scroll;}
/* end mod */

table.results {
    border:solid 0px #FFFFDC;
    margin-bottom: 1em;
}
.results tr, .results tr td
{
padding-bottom:10px;
border:none;
border:solid 0px #FFFFDC;
}
.results th, .results th td
{
padding-bottom:5px;
border:solid 0px #FFFFDC;
}
.details tr, .details tr td
{
border:solid 0px #FFFFDC;
}
.resultsrow
{
 background-image:url(../images/bordertop.gif);
 background-repeat:repeat-x;
 
}

.paymentrow
{
background-image:url(../images/bordertop.gif);
background-repeat:repeat-x;
border:solid 0px red;
}
.paymentrow td
{
padding-bottom:10px;
padding-top:10px;
border:solid 0px red;
}

/*
h1, h2, h3
{
font-size:24px;
line-height:1.2em;	
}
*/
table.sessionReservationDetails
{
    width: 100%;
}
.offeringreceipt tr td
{
padding-bottom:5px;
}


/* revert dropdowns for city and other back to old site text format */
.inputcourier select {font-family:Courier;}

/* add header styling to shop areas */
table.passport thead tr {background-color:#e3eef6;}
table.passport thead tr th {padding:5px;}
.paymentselectbox, .quicksearchbox {background-color:#e3eef6;padding:5px;color:#2F2F2F;
font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:1em;}

table.offering tbody tr  td b {background-color:#e3eef6;padding:5px;color:#2F2F2F;
font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:1em;display:block;}

/* error color */
.error {color: red;}

}

.radioButtonListContainer
{
}

.radioButtonListContainer table,
.radioButtonListContainer tr,
.radioButtonListContainer td
{
    padding: 0px !important;
    margin: 0px !important;
}

.radioButtonListContainer label
{
}

td.input[radio]:disabled, td.input .disabled
{
   /* background-color: #C0C0C0;*/
   background-color:White;
   color:Black;
}
.disabledInput 
{
    background-color: #C0C0C0;
}

html body .infoTextBox
{
    width:300px;
    color:Black !important;
}

html body .riTextBox
{
    /*
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -x-system-font:none;
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #626262;
    color:#333333;
    font-family:arial,sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    padding:3px 0 3px 1px;
    */
    font-family: Arial, Sans-Serif;
    font-size: 10pt !important;   
    color:Black; 
}

html body .riTextBox[disabled]
{
    opacity: 1.0 !important;
    /*
    background-color: #EBEBEB;
    border: 1px solid #B0B0B0;
    opacity:0.5;
    */
}

.radfdInputDisabled
{
    opacity: 1.0 !important;
}