﻿html, body {
	background-color: #e6e6e6;
	font-family: "Arial", Helvetica, San-Serif;
	font-size: 12px !important;
	height: 100%;
	margin: 0;
	padding: 0;
}

body { background: #e6e6e6 url(../img/body_bg.jpg) repeat-x; }

/*********************************************
Body & Content
**********************************************/

/* customize the width of the container for your layout.
    Set the width to a pixel value for fixed width.
    Set the width to a percent value for variable width.
    Set the margin to something other than auto if you
    don't want a centered layout.
*/

.container {
	height: auto !important;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0 0 0;
	position: relative;
	width: 950px;
}

.ie7 .container { text-align: left; }

/*********************************************
Home Page Styling
**********************************************/

.HomeContainer {
	background-color: transparent;
	width: 100%;
}

.PageBtm {
	height: 15px;
	width: 225px;
}

.HomeContainer .narrow.column {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: white;
	border-radius: 10px;
	height: 400px;
	overflow: hidden;
	width: 217px;
}



.HomeContainer .wide.column {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: white;
	border-radius: 10px;
	height: 400px;
	margin: 0 15px;
	overflow: hidden;
	width: 486px;
}

.narrow h2 {
	background-color: #2e2e2e;
	color: white;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 2px 5px;    
}

.wide h2 {
	color: #ea4023;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}

.wide a { color: #ea4023; }

.HomeContainer .narrow .inner, .HomeContainer .wide .inner { padding: 10px; }

/* PIE override */

.ie7 .HomeContainer .narrow.column,
.ie8 .HomeContainer .narrow.column,
.ie7 .HomeContainer .wide.column,
.ie8 .HomeContainer .wide.column,
.ie7 #mainNav ul,
.ie8 #mainNav ul,
.ie7 #siteFooter .FtrContainer,
.ie8 #siteFooter .FtrContainer,
.ie7 #utMenu h1,
.ie8 #utMenu h1,
.ie7 .ButtonCSS3,
.ie8 .ButtonCSS3,
.ie7 .ButtonCSS3_2,
.ie8 .ButtonCSS3_2,
.ie7 .ButtonCSS3_3,
.ie8 .ButtonCSS3_3 {
	behavior: url(/css/PIE.htc);
	position: relative;
}


.ie7 .narrow h2,
.ie8 .narrow h2 {
	background: url(../img/narrowColumnHdrBg.png) no-repeat;
	height: 20px;
	padding: 0 10px;
}

/*----------Account Summary-------------------*/

.AccountSummary { }

.AccountSummary h3 {
	font-size: 14px;
	text-transform: uppercase;
}

.RoleName {
	color: #2e2e2e;
	font-size: 11px;
}

.HomeHeader p {
	color: #e93125;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0;
	padding: 5px 0 0 10px;
	text-transform: uppercase;
}

.User {
	background-color: #FFF;
	height: 363px;
	margin: 0;
	padding: 10px 5px 5px 10px;
}

.Name {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}

.Claims { margin-top: 5px; }

.Claims p {
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.PointsEarn {
	background: transparent url(/img/PointEarned_bg.png) no-repeat;
	height: 60px;
	text-align: left !important;
	width: 194px;
}

.PointsEarn p {
	color: #FFF;
	font-size: 9px;
	margin: 0;
	padding: 4px 0 0 7px;
	text-transform: uppercase;
}

.PointsEarn h4 {
	color: #ea4023;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 0 10px;
}


/*----------End Account Summary-------------------*/

.SlideShow {
	background: #000 url(/img/carousel/CarouselFtr_bg.png) no-repeat;
	background-position: bottom;
	float: left;
	height: 427px;
	margin-right: 15px;
	width: 462px;
}





/*----------Message Center-------------------*/

.MessageCenter {
	height: 340px;
	overflow: auto !important;
}

.Msg {
	background-color: #FFF;
	height: 372px;
	margin: 0;
	overflow: auto;
	padding: 5px 5px 0 10px;
}

.Msg a { color: #ea4023; }

.Msg a:hover {
	color: #333;
	text-decoration: none;
}

.Msg img {
	margin: 0;
	padding: 0;
	vertical-align: text-top;
}

.header {
	color: #ea4023;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.subject {
	font-size: 11px;
	line-height: 14px;
}

.Attach {
	float: right;
	padding-right: 5px;
}

.Attach a { text-decoration: none !important; }

.ExtLangContnr {
	color: #FFF;
	font-size: 11px;
	height: 25px;
	position: absolute;
	right: 0;
	top: -30px;
	width: 180px;
}

.ExtLangContnr a {
	color: #FFF;
	text-decoration: none;
}

.ExtLangContnr a:hover {
	color: #DDD;
	text-decoration: underline;
}

.ExtLangContnr img { vertical-align: text-top; }

.LangContnr {
	color: #FFF;
	font-size: 11px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 41px;
	width: 180px;
}

.LangContnr a {
	color: #FFF;
	text-decoration: none;
}

.LangContnr a:hover {
	color: #DDD;
	text-decoration: underline;
}

.LangContnr img { vertical-align: text-top; }

/*********************************************
Internal Page Styling 
**********************************************/

.InternalContainer {
	background-color: #FFF;
	clear: both;
	min-height: 700px;
	padding: 10px;
}

h3.PageTitle {
	color: #9b2020;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

/*********************************************
Header 
**********************************************/

.ExtSiteHeader {
	background-color: #e2e2e2;
	height: 100px;
	width: 100%;
}

#siteHeader { }

.hdrImg {
	float: left;
	margin-right: 15px;
	text-align: center;
	width: 217px;
}



/*********************************************
Utility Menu / Logout
**********************************************/

#utMenu1 a {
	background-color: #FFFFFF;
	color: navy;
	text-decoration: none;
}

#utMenu1 a:active {
	color: #333;
	text-decoration: none;
}

#utMenu1 a:visited {
	color: blue;
	text-decoration: none;
}

#utMenu1 a:hover {
	background-color: #EEEEEE;
	color: #006;
}

#utMenu {
	font-size: 95%;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: -5px;
	width: 145px;
	z-index: 9001;
}

#utMenu h1 {
	background-color: #333;
	border-radius: 10px;
	color: #FFF;
	font-size: 95%;
	font-weight: bold;
	margin: 0;
	padding: 10px 5px 10px 5px;
	text-align: center;
}

#utMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#utMenu li { }

#utMenu li a {
	background-color: #FFF;
	color: #ea4023;
	display: block;
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: center;
	text-decoration: none;
}

#utMenu li a:hover { background-color: #eee; }

.ButtonCSS3_2, .ButtonCSS3_2:visited {
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 7px 7px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.5);
	background: #222 url(/Login/Standard/img/overlay.png) repeat-x;
	border: 1px solid #000;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	padding: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

/*********************************************
Profile Styling
**********************************************/

.ShipInfo2 {
	background-color: #EEE;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	margin-bottom: 10px;
	padding: 5px 0 10px 10px;
	width: 360px;
}

.InfoBox {
	background: transparent url(/img/ShipTo_bg.png) no-repeat;
	height: 30px;
	margin: 0;
	padding: 0;
	width: 250px;
}

.InfoBox p {
	font-weight: bold;
	margin: 0;
	padding: 8px 0 0 5px;
}

.ProfImg {
	border: 1px solid #EEE;
	margin: 0;
	padding: 0 0 0 0;
}

.ButtonCSS3_2:hover {
	background-color: #333;
	color: #fff;
}

.ButtonCSS3_2:active { top: 1px; }

/*********************************************
Top Navigation Menu with DropDown
**********************************************/

#mainNav {
	float: right;
	width: 718px;
	position: relative;
	top: 20px;
}

#mainNav ul {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #333;
	border-radius: 10px;
	font-size: 12px;
	height: 45px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1001;
}

#mainNav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Declare X and Y axis base--*/
}

#mainNav li a {
	border-right: 1px solid #000;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0 20px;
	position: relative;
	text-decoration: none;
}

#mainNav li a:hover {
	background-color: #ea4023;
	color: #FFF;    
}

#mainNav li:first-child a:hover {
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

#mainNav li span {
	background: url(../img/dropdown_linkbg.png) no-repeat center top;
	float: right;
	height: 45px;
	line-height: 45px;
	padding: 0;
	position: absolute;
	right: 2px;
	top: 0;
	/*--Drop down trigger styles--*/
	width: 13px;
}

/*
#mainNav li span.subhover {
	background-position: center -45px; 
	cursor: pointer;
} --Hover effect for trigger--*/

#mainNav li ul.subnav {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background: #333;
	border: 1px solid #111;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-radius: 0;
	display: none;
	float: left;
	height: auto;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	top: 43px;
	width: 210px;
	z-index: 1000;
}

#mainNav li ul.subnav li {
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	clear: both;
	margin: 0;
	padding: 0;
	width: 210px;
}

html #mainNav li ul.subnav li a {
	background: #333 url(../img/Subdropdown_linkbg.png) no-repeat 5px center;
	float: left;
	padding-left: 20px;
	width: 170px;
}

html #mainNav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #999;
}

#mainNav li ul.subnav li:first-child a:hover { border-radius: 0; }

#mainNav li ul.subnav li ul.subSubNav {
	display: none;
	height: auto;
	left: 210px;
	top: 0;
}

/*********************************************
Compass Caller Styling
**********************************************/

.Profile {
	background: url(../img/Profile.png) no-repeat;
	border-right: 1px solid #EEE;
	height: 500px;
	width: 200px;
}

/*********************************************
Self Enroll Styling
**********************************************/

.ShipInfo {
	background-color: #f9f9f9;
	border: 1px solid #EEE;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 20px;
}

.ConfirmShip {
	color: #46ad0e;
	font-size: 14px;
	font-weight: bold;
}

.EnrollContainer { width: 100%; }

.PasswordReq {
	background-color: #f8f8f8;
	border: 1px solid #EEE;
	font-size: 10px;
	margin-right: 10px;
    
	padding: 10px;
	right: 0;
	width: 230px;
}

.TCContainer {
   
	background-color: #f9f9f9;
	border-bottom: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	font-size: 11px;
	height: 300px;
	margin-bottom: 10px;
	overflow: auto;
	padding: 10px;
}

.TCContainer h2, .TC h2 { text-decoration: underline; }

.TCContainer h3, .TC h3 { text-decoration: underline; }

.TCContainer li, .TC li { margin-bottom: 20px; }

.testresult { display: block; }

.required { background: url(../img/icons/rqd_fld.gif) 95% center no-repeat; }

.requiredInfo {
	background: url(../img/icons/rqd_fld.gif) left center no-repeat;
	padding: 0 0 0 10px;
}

/*********************************************

Enter Claim
*********************************************/

#ClaimForm { width: 780px; }

.ClaimNum {
	border-right: 1px solid #EEE;
	font-size: 11px;
	height: 400px;
	padding: 5px0;
}

#fleetInfo {
	font-size: 11px;
	font-weight: normal !important;
}

.ArtContnr {
	background-color: #EEE;
	height: 300px;
	padding: 5px 0 0 5px;
}

.FormContent {
	font-family: 'Arial', Helvetica, Sans-Serif;
	font-size: 11px !important;
	padding-left: 5px;
}

.ProdResult {
	background-color: #FFF;
	border: 1px solid #DDD;
	font-size: 11px;
	font-weight: normal !important;
	height: 20px;
	padding: 3px 0 0 5px;
	width: 182px;
}

.AddressContnr {
	border-left: 1px solid #EEE;
	height: 400px;
	margin: 0;
	padding: 0 0 0 5px;
}

.AddressContnr p {
	font-weight: normal !important;
	margin: 0;
	padding: 0;
}




table#EntryHdr {
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}

table#EntryFld {
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}

tr.odd td {
	background: #f7fbff;
	border-right: 1px solid #333;
}

tr.odd .column1 { background: #f4f9fe; }

.column1 { background: #f9fcfe; }

tr.odd td,
tr.odd .column1 { background-color: #000; }

.column1 { background-color: #f9fcfe; }

#EntryHdr thead th {
	background-color: #000;
	border-right: 1px solid #333;
	color: #FFF;
	font: bold 12px "Arial", "Trebuchet MS" Helvetica, sans-serif;
	height: 20px !important;
	margin: 0 !important;
	padding: 5px 10px 5px 10px;
	text-align: left !important;
}

.column1 { width: 100px; }

#EntryFld thead th {
	background-color: #000;
	border-right: 1px solid #333;
	color: #FFF;
	font: bold 12px "Arial", "Trebuchet MS" Helvetica, sans-serif;
	height: 20px !important;
	margin: 0 !important;
	padding: 5px 10px 5px 10px;
	text-align: left !important;
}

#EntryFld tr a { background-color: #9c2821 !important; }

#EntryFld tr {
	background-color: #DDD;
	color: #333;
	font: bold 11px "Arial", "Trebuchet MS" Helvetica, sans-serif;
	margin: 0 !important;
	padding: 5px 10px 5px 10px;
	text-align: left !important;
	width: 100%;
}

#EntryFld caption {
	background: #ba2519;
	border-bottom: 1px solid #333;
	color: #FFF;
}

#EntryFld td {
	background: #f7fbff;
	border-bottom: 1px solid #dee2e7;
	border-right: 1px solid #dee2e7;
}

.column1 { width: 100px; }

#hypFancyFleetEntry { width: 310px !important; }

.AuditReview {
	background-color: #EEE;
	height: 100%;
	width: 100%;
}

.AuditReview p {
	background-color: #be1100;
	color: #FFF;
	margin: 0;
	padding: 2px 0 3px 15px;
}

.AuditReview a {
	color: #333;
	color: #000;
	text-decoration: none;
}

.AuditReview a:hover {
	color: #333;
	text-decoration: underline;
}

.AuditReview ul { margin: 0; }

.AuditReview ul li {
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #DDD;
	border-top: 1px solid #f5f5f5;
	color: #666;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
}

.AuditReview ul li:hover {
	background-color: #f2f2f2;
	color: #000;
	cursor: arrow;
	list-style-image: url(check.gif);
}

/*------------------------------------------
Claim Entry Tutorial
-------------------------------------------*/

#player {
	display: block;
	height: 670px;
	margin: 0 auto;
	position: relative;
	width: 940px;
	z-index: 1;
}



/********************************************
Official Rules Styling
*********************************************/

.OffRules ul { margin: 1.5em; }

.OffRules ul li {
	border-bottom: 1px solid #ccc;
	color: #666;
	font-weight: bold;
	list-style-image: url(uncheck.gif);
	padding: 1em 0 1em .5em;
}

.OffRules ul li:hover {
	background-color: #f2f2f2;
	color: #000;
	cursor: arrow;
	list-style-image: url(check.gif);
}



/***********************************************
FAQ Styling
*************************************************/


/*********************************************
Base Link Colors
These are global to the entire site.
**********************************************/

a:focus, a:hover { color: #09f }

a {
	color: #06c;
	text-decoration: underline
}


/*********************************************
Helper Classes
Use the following classes to add effects 
to your text or boxes.
**********************************************/

.ButtonCSS3, .ButtonCSS3:visited {
	-moz-border-radius: 10px;
	-moz-box-shadow: 0 1px 7px 7px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.5);
	background: #222 url(/Login/Standard/img/overlay.png) repeat-x;
	border: 1px solid #d02724;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	padding: 5px 10px 6px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.ButtonCSS3:hover {
	background-color: #000;
	color: #fff;
}

.ButtonCSS3:active { top: 1px; }



/* CSS3 Shadow with IE fall-back */

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}



/*padding*/

.noBottom { margin-bottom: 0; }

.noTop { margin-top: 0; }

.noMargin { margin: 0 !important; }

.noPadding { padding: 0; }

/*alignment*/

.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

.floatRight { float: right !important; }

.floatLeft { float: left !important; }

img.floatLeft, input.floatLeft { margin-right: 1em; }

img.floatRight, input.floatRight { margin-left: 1em; }

/*visibility*/

.invisible { visibility: hidden; }

/*list bullet removal*/

.noBullet { list-style: none; }

/*text styles*/

.important {
	color: Red;
	font-weight: bold;
}

.xlarge {
	color: #000;
	font-size: 3em;
	line-height: 1.3;
	margin-bottom: 0.7em;
}    


/*********************************************
Buttons 
**********************************************/

a.button, button, input.button {
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
  
	color: #565656;
	cursor: pointer;
	display: block;

	float: left;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 130%;
	margin: 0.7em 0.5em 0.7em 0;
	padding: 5px 10px 5px 7px; /* Links */
	text-decoration: none;
}

button {
	overflow: visible;
	padding: 4px 10px 3px 7px; /* IE6 */
	width: auto;
}

button[type] {
	line-height: 17px; /* Safari */
	padding: 4px 10px 4px 7px; /* Firefox */
}

*:first-child + html button[type] {
	padding: 4px 10px 3px 7px; /* IE7 */
}

button img, a.button img {
	border: none;
	float: none;
	height: 16px;
	margin: 0 3px -3px 0 !important;
	padding: 0;
	width: 16px;
}

.ie7 button, .ie7 input.button {
	position: relative;
	top: 0.25em;
}

/* Button colors
-------------------------------------------------------------- */

/* Standard */

button:hover, a.button:hover, input.button:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}

a.button:active, input.button:active {
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
}

/* Positive */

body .positive { color: #529214; }

a.positive:hover, button.positive:hover {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}

a.positive:active {
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
}

/* Negative */

body .negative { color: #d12f19; }

a.negative:hover, button.negative:hover {
	background-color: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #d12f19;
}

a.negative:active {
	background-color: #d12f19;
	border: 1px solid #d12f19;
	color: #fff;
}


/*------------------------------------------------------------
 Footer
-------------------------------------------------------------- */

#siteFooter { padding: 40px 0; }

#siteFooter .FtrContainer {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #2e2e2e;
	border-radius: 10px;
	font-size: 11px;
	height: 50px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

#siteFooter ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#siteFooter ul { display: inline; }

html > /**/ body #siteFooter ul { display: inline-block; }

#siteFooter li {
	float: left;
	height: 50px;
	margin: 0;
	padding: 0;
}

#siteFooter li a {
	color: white;
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
}

#siteFooter li a:hover { background-color: #ea4023; }

/*------------------------------------------------------------
 Custom Padding
-------------------------------------------------------------- */

.pad-1 { padding: 10px; }

.pad-2 { padding: 15px; }

.pad-3 { padding: 20px; }

.MargT-2 { margin-top: 2px; }

.MargT-5 { margin-top: 5px; }

.MargT-10 { margin-top: 10px; }

.MargT-15 { margin-top: 15px; }

.MargT-20 { margin-top: 20px; }

.MargT-25 { margin-top: 25px; }

.MargR-5 { margin-right: 5px; }

.MargR-10 { margin-right: 10px; }

.MargR-15 { margin-right: 15px; }

.MargR-20 { margin-right: 20px; }

.MargR-25 { margin-right: 25px; }

.MargR-30 { margin-right: 30px; }

.MargR-35 { margin-right: 35px; }

.MargB-5 { margin-bottom: 5px; }

.MargB-10 { margin-bottom: 10px; }

.MargB-15 { margin-bottom: 15px; }

.MargB-20 { margin-bottom: 20px; }

.MargB-25 { margin-bottom: 25px; }

.MargL-5 { margin-left: 5px; }

.MargL-10 { margin-left: 10px; }

.MargL-15 { margin-left: 15px; }

.MargL-20 { margin-left: 20px; }

.MargL-25 { margin-left: 25px; }


.strong { font-weight: bold; }

.Red {
	clear: both;
	color: #ea4023;
	font-size: 10px;
	margin: 0;
	padding: 0;
}

.HomeContainer .Red { font-size: 18px; }

.RedNorm {
	clear: both;
	color: #ea4023;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.green { color: #39b54a; }

.green2 {
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}

.Grey { color: #595959; }

.Disclaimer {
	clear: both;
	color: #239400;
	font-size: 12px;
	font-weight: bold;
}

/* -----------------------------------------
Print Styles
These are inlined to save an HTTP connection.

NOTE: PRINT STYLES HAVE NOT BEEN TESTED YET.
---------------------------------------------*/

@media print {
	body {
		background: none;
		color: #000;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size: 10pt;
		line-height: 1.5;
	}

	.container { background: none; }

	hr {
		background: #ccc;
		border: none;
		color: #ccc;
		height: 2px;
		margin: 2em 0;
		padding: 0;
		width: 100%;
	}

	hr.space {
		background: #fff;
		color: #fff;
		visibility: hidden;
	}

	h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }

	code { font: .9em "Courier New", Monaco, Courier, monospace; }

	a img { border: none; }

	p img.top { margin-top: 0; }

	blockquote {
		font-size: .9em;
		font-style: italic;
		margin: 1.5em;
		padding: 1em;
	}

	.small { font-size: .9em; }

	.large { font-size: 1.1em; }

	.quiet { color: #999; }

	.hide { display: none; }

	a:link, a:visited {
		background: transparent;
		font-weight: 700;
		text-decoration: underline;
	}

	a:link:after, a:visited:after {
		content: " (" attr(href) ")";
		font-size: 90%;
	}

	.printHide { display: none; }

	.printShow { display: inherit; }

	#mainNav, #siteFooter, #utMenu, #utMenu h1, #siteHeader { display: none; }

	a[href*="javascript:"] { display: none; }
}

.ButtonCSS3_3, .ButtonCSS3_3:visited {
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 4px 4px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	background: #222 url(/Login/Standard/img/overlay.png) repeat-x;
	border: 1px solid #333;
	border-radius: 5px;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	margin: 5px 0 5px 0;
	padding: 5px 5px 4px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.ButtonCSS3_3:hover {
	background-color: #DDD;
	color: #fff;
}

.ButtonCSS3_3:active { top: 1px; }

.green.ButtonCSS3_3, .green.ButtonCSS3_3:visited { background-color: #91bd09; }

.green.ButtonCSS3_3:hover { background-color: #749a02; }

.blue.ButtonCSS3_3, .blue.ButtonCSS3_3:visited { background-color: #2daebf; }

.blue.ButtonCSS3_3:hover { background-color: #007d9a; }

.red.ButtonCSS3_3, .red.ButtonCSS3_3:visited { background-color: #e33100; }

.red.ButtonCSS3_3:hover { background-color: #872300; }

.magenta.ButtonCSS3_3, .magenta.ButtonCSS3_3:visited { background-color: #a9014b; }

.magenta.ButtonCSS3_3:hover { background-color: #630030; }

.orange.ButtonCSS3_3, .orange.ButtonCSS3_3:visited { background-color: #ff5c00; }

.orange.ButtonCSS3_3:hover { background-color: #d45500; }

.yellow.ButtonCSS3_3, .yellow.ButtonCSS3_3:visited { background-color: #ffb515; }

.yellow.ButtonCSS3_3:hover { background-color: #fc9200; }

.grey.ButtonCSS3_3, .grey.ButtonCSS3_3:visited { background-color: #bfbfbf; }

.grey.ButtonCSS3_3:hover { background-color: #DDD; }


span.error {
	background: transparent;
	border: 0;
}