/* === Start CSS reset classes === */
/* ===
* Percents could work for IE, but for backCompat purposes, we are using keywords.
* x-small is for IE6/7 quirks mode.
*
=== */

body{font:93.75% Cambria,Georgia,serif;}

table {font-size:inherit;}

/* ===
* 99% for safari; 100% is too large
=== */

select,input,textarea {font:99% helvetica, arial, sans-serif;}

/* ===
* Bump up !IE to get to 13px equivalent
=== */

pre,code {font:115% monospace;}

/* === Start CSS Reset Classes === */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	outline:0;
	vertical-align:baseline;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

fieldset,img {border:0;}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}

ul {list-style:none;}

caption,th {text-align:left;}

q:before,q:after {content:'';}

abbr,acronym {border:0;}

sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; font-weight:normal; top: -5px;}
h1 sup {font-size: 50%; top: -12px; }
.ie7 h1 sup {font-size: 50%; top: -14px !important; }
.ie8 h1 sup {font-size: 50%; top: -14px !important; }
/* === End CSS reset classes === */

/* === Begin global link treatment === */
a {color:#0F57C2; text-decoration:none;}
a:visited {color:#800080; text-decoration:none;}
a:active, a:focus {color:#E74B00; text-decoration:underline; }
a:hover {text-decoration:underline}
/* === End global link treatment === */

/* === Begin utility classes === */
.last {padding-bottom: 0 !important; margin-bottom: 0 !important}
.bold {font-weight:bold;}
.unbold {font-weight:normal;}
.emphasis {font-style:italic;}
.underline {text-decoration:underline;}
.grey-hr {border-bottom:1px solid #DBDCDE; clear:both; height:1px; margin:0; padding:0; }
.hr-for-ie {display:none;}
.off-screen {position:absolute; left:-5000px; width:1px; height:1px; overflow:hidden; }
.hidden {display:none;}
.hidden-form{display: none; height: 1px; overflow: hidden; position: absolute; width: 1px; }
.left	{float: left;}
.right	{float: right;}
.popup-icon {margin:0px 0px 0px 6px !important; padding:0px 0px 0px 0px !important; float:none !important;}
.sprite-inline {display: inline-block !important; padding-right: 7px; vertical-align: middle} /* Class to be used when sprite appears inline within an <li>, replacing the standard bullet, also makes sprite image visible within the <span> element */
.sprite-inline-text {display: inline-block !important; vertical-align: middle} /* Class to be used when sprite is needed within text element such as a <p>, also makes sprite image visible within the <span> element */
.sprite-linkable {cursor: pointer} /* Can be applied to a span where the sprite is implemented or to an <a> tag that bounds a "sprited" span, without there will be no cursor change to a pointer */
.comp-stacked {padding-bottom: 0 !important;border-bottom: none !important;}

/* === End utility classes === */