

body
{background-color:#c5ccd3;color:#222;-webkit-user-select:none;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;		  /* Turn off font resizing */
}

body, p, td, th {font-family: arial, helvetica}

h1 
{
	margin:0;
	padding-top:10px;		  
	padding-right:10px;		 
	padding-bottom:10px;	
	padding-left:10px;
	
	font-size:17px;
	font-family: Helvetica;
	font-weight:bold;
	color: rgb(76,86,108);	 /* Set each label color */		
}

ul 
{	   
	padding: 0;	   
	margin-top:0;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:17px;		  /* Set each list 17 pixels from the top of the button bar(or the top of the next list) */
	
	font-size:17px;
	font-family: Helvetica;
	font-weight:normal;
	color:black;
	
	width: 208px;
	width: 99%;
	background-color: white;       /* Each list has a white background fill */
	
	border-width: 1px;		       /* Draw a rectangle around each list */
	border-style:solid ;
	border-color:rgb(217,217,217);
	
	-webkit-border-radius: 8px;		 /* Round each corner of the created rectangle */

}




li
{	
	list-style-type: none;	
	
	border-top-width:1px;	/* Create lines between cells. Each line is placed above each item */
	border-top-style:solid;
	border-top-color:rgb(217,217,217);

	padding-top:10px;		  
	padding-right:10px;		 
	padding-bottom:14px;	 /* Indent the cell content 14 pixels from the bottom edge of a cell */
	padding-left:10px;	
}


li:first-child 
{
	border-top:0;    /* Remove border above the first item of the list */
}


a  /* Handle the click/tap highlight. Highlight an entire cell with the iPhone grey background when tapped */ 
{
	display: block;   /* Sets the href to be a block rather than inline */
	
	/* The padding properties adjust the text content within the href block */
	padding-top: 8px;
	/*padding-right: 8px;*/
	padding-bottom: 12px;
	padding-left: 8px;
	
	/* The margin properties adjust the size of the href block	*/
	margin-top: -8px;
	margin-right: -8px;
	margin-bottom: -12px;
	margin-left: -8px;	 
	
	text-decoration: none;
	color:black;
    outline:none;
}

.showArrow /*	Add an arrow button to a link */
{  
	margin-right:10px;		
	padding-right:16px;	   /* Distance between the arrow button and a text */
	
	background-image: url(/i/chevron.png); 
	background-repeat: no-repeat;
	background-position: right; 
}


.secondary	/* Used for secondary text (text that is less important) */
{
	font-weight:normal;		/* Regular font is used for secondary text */
	float:right;		     /* Align secondary text to the right of its parent cell */
	margin-right:10px;	  
}



.secondaryWArrow /* Used for secondary content that contains a link and a button */
{
	display:block;		 /* Set the secondary content to be a block	 */
	font-weight:normal; 
	float:right;
	color: #324F85;		 /* sets the color of the link */
}


.secondaryWLink /* Used for secondary text that is a link */
{
	font-weight:normal;		
	float:right;		  
	margin-right:10px;	  
	color: #324F85;		 /* sets the color of the link */
}
p#footer { clear:both;padding:5px 0;background-color:#c5ccd3;color:#222;  }
p.foot { clear:both;font-size:11px;text-align:center;  }
p.foot a { color:inherit;font-weight:bold; }

ul.content > li > a {margin:-10px -10px -14px -10px;padding:10px 26px 14px 10px;background:url(/aa/i/listArrow.png) no-repeat right center; font-size:14px;vertical-align:baseline;}
ul.content > li > a[selected], 
ul.content > li > a:active { background-color:#194fdb;background-image:url(/aa/i/loading.gif);background-repeat:no-repeat;background-position:right center;color:#fff !important; }
ul.content > li > a:hover { background-color:#194fdb !important;}

body > .toolbar {position: relative;
		top:0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    padding: 5px;
    height:30px;
    background: url(/aa/i/toolbar.png) #6d84a2 repeat-x;
}

.toolbar > h1 {
	margin-top:-10px;
    font-size:16px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
    white-space: nowrap;
    color: #FFFFFF;
}
.toolbar > h1 > a {color:#FFFFFF}
.toolbar > marquee > h1  {
		margin-top:-10px;
    font-size:16px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    color: #FFFFFF;
}
.toolbar > marquee > h1 > a {color:#FFFFFF}
.calTop {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #aaaeb6;
    border-top: 1px solid #FFFFFF;
    padding: 0px;
    height:32px;
    background: url(/aa/i/caltopbg.png) #e1e1e4 repeat-x;
		text-align:center;
}.calTopEnd {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #aaaeb6;
    border-top: 1px solid #FFFFFF;
    padding: 0px;
    height:32px;
    background: url(/aa/i/caltopbg.png) #e1e1e4 repeat-x;
		text-align:center;
		width:32px;
}
.calTopEnd > a {display: block;margin:0px;padding:0px; height:24px;width:32px;padding-top:8px;}
.calTable {width:238px}
.calWDe {
		background: #e1e1e4;
		font-size: 9px;
		width:32px;
		height: 18px;
		text-align:center;
		margin:0px;
		padding:0px;
}
.calWD {
		background: #e1e1e4;
		font-size: 9px;
		width:32px;
		height: 18px;
		text-align:center;
		margin:0px;
		padding:0px;
}
.calD {
		background: #e1e1e4;
		font-size: 14px;
		width:32px;
		height: 32px;
		text-align:center;
		border-top: 1px solid white;
		border-right: 1px solid white;
		border-bottom: 1px solid #aaaeb6;
		border-left: 1px solid #aaaeb6;
		font-weight:bold;
		vertical-align:middle;
}
.calDT {
		background: #1980e5;
		color:white;
		font-size: 14px;
		width:32px;
		height: 32px;
		text-align:center;
		border-top: 1px solid white;
		border-right: 1px solid white;
		border-bottom: 1px solid #aaaeb6;
		border-left: 1px solid #aaaeb6;
		font-weight:bold;
		vertical-align:middle;
}
.calDb {
		background: #e1e1e4;
		color:#999999;
		font-size: 14px;
		width:32px;
		height: 32px;
		text-align:center;
		border-top: 1px solid white;
		border-right: 1px solid white;
		border-bottom: 1px solid #aaaeb6;
		border-left: 1px solid #aaaeb6;
		font-weight:bold;
		vertical-align:middle;
}
.calDn {
		background: #e1e1e4;
		color:#333333;
		font-size: 14px;
		width:32px;
		height: 32px;
		text-align:center;
		border-top: 1px solid white;
		border-right: 1px solid white;
		border-bottom: 1px solid #aaaeb6;
		border-left: 1px solid #aaaeb6;
		font-weight:bold;
		vertical-align:middle;
}
.calD > a {display: block;margin:0px;padding:0px; height:24px;width:32px;padding-top:8px;}

.roundBox {margin:5px; padding:4px; background: #FFFFFF; border: solid 1px #CCCCCC;-webkit-border-radius:  8px;-moz-border-radius: 8px;display:block}
ul.topMenu {margin-bottom:2px}
ul.topMenu > li > a {margin:-10px -10px -14px -10px;padding:10px 26px 14px 10px;background:#f3f3f3 url(/aa/i/listArrow.png) no-repeat right center; font-size:14px;height:16px;vertical-align:baseline}
ul.topMenu > li > a[selected], 
ul.topMenu > li > a:active { background-color:#194fdb !important;background-image:url(/aa/i/loading.gif),url(/aa/i/selection.png) !important;background-repeat:no-repeat,repeat-x;background-position:right center, left top;color:#fff !important; }
ul.topMenu > li > a:hover { background-color:#EEEEEE !important;}
.sm {font-size:50%;font-weight:normal;}
.sm2 {font-size:70%;font-weight:normal;}
.dd1 {font-size:18px;width:100%}
.nn {font-weight:normal}
.a-h {visibility:hidden;display:inline}
.azhed {background:rgb(217,217,217);color:#FFFFFF;padding:0px;padding-left:5px;border-top:outset 1px;border-bottom:outset 1px;text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;}
.f1 {padding:2px;background:#f3f3f3}
.f2 {margin:0px;margin-top:2px;padding:0px}
.f3 {font-size:18px;width:80%;height:30px;;margin:0px;display:inline;}
.f4 {position:relative; top:8px;left:3px;height:32px;width:32px;display:inline;margin-top:-13px;border:0px}
.w10 {vertical-align:text-top;font-weight:normal}
.w10l {vertical-align:text-top;font-weight:bold}
.fpxr {font-size:10px}
button {font-size:18px}

table.wocal > td > a {padding:0px;margin:0px;display:inline;background:none!important;vertical-align:middle}
.WOCal {background:white; border: solid 1px #9FCAB0;margin-bottom:10px}
.WoCalHed {background:#9FCAB0;color:white;margin:0px;padding:0px;background:none!important;padding-top:2px;}
a.WoCalHed:hover {background:none!important;}
.woEventHed {color: #AA0000; font-weight:normal;font-size:12px}
.WOCalOut {background:#7AA086;padding:1px;width:192px;margin-left:5px}
TD.non {font-family :Arial, Helvetica, Sans Serif; font-size :12px; color :#606060; font-weight :normal;}
TD.wo2 {font-family :Arial, Helvetica, Sans Serif; font-size :12px; color :#000000; font-weight :normal;padding-right:5px;border-bottom:1px solid #999999;background:#DCF0DB;;padding-top:2px}
TD.HL {background:#FFFFFF;font-family :Arial, Helvetica, Sans Serif; font-size :12px;vertical-align:middle;padding-top:2px}
TD.HLT {background:#FFFF99;font-family :Arial, Helvetica, Sans Serif; font-size :12px;padding:0px;margin:0px;vertical-align:middle;padding-top:2px}
A.white:Link {font-family :Arial, Helvetica, Sans Serif; font-size :10px; color :#000000; font-weight :bold; text-decoration: none;display:inline;margin:0px;padding:0px;background:none}
A.white:Visited {font-family :Arial, Helvetica, Sans Serif; font-size :10px; color :#000000; font-weight :bold; text-decoration: none;display:inline;margin:0px;padding:0px;background:none}
A.white:hover {font-family :Arial, Helvetica, Sans Serif; font-size :10px; color :#ff0000; font-weight :bold; text-decoration: underline;display:inline;margin:0px;padding:0px;background:none!important;}
A.Event:Link {font-family :Arial, Helvetica, Sans Serif; font-size :12px; color :#6E9A7C; font-weight :bold; text-decoration: none;display:inline;margin:0px;padding:0px;background:none;vertical-align:middle}
A.Event:Visited {font-family :Arial, Helvetica, Sans Serif; font-size :12px; color :#6E9A7C; font-weight :bold; text-decoration: none;display:inline;margin:0px;padding:0px;background:none;vertical-align:middle}
A.Event:Hover  {font-family :Arial, Helvetica, Sans Serif; font-size :12px; color :#AA0000; font-weight :bold; text-decoration: none;display:inline;margin:0px;padding:0px;background:none!important;}
.Today {font-family :Arial, Helvetica, Sans Serif; font-size :12px; color :#000000; font-weight :bold; text-decoration: none; border:solid 1px #AA0000;}

.bigscreenOnly {display:none}
@media screen {
.bigscreenOnly {font-size:10px;display:block}

}

@media handheld {
.bigscreenOnly {display:none}

}
































