/* CSS Reset */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

html {
	background-color: #085492;
	color:#4A4A4A;
}

html.plain {
	background-color: #FFFFFF!important;
	color:#4A4A4A;
}

body {
	background-color: #FFFFFF;
	color:#4A4A4A;
	/* Trebuchet MS */
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size:12pt;
}

body.main {
	margin:0 auto;
	background: transparent url('/images/body.png') repeat-y scroll center top;
	width:100%;
}

.opacityfix {
	-moz-opacity: 0.9999;	
}

h1, h2, h3, h4, h5, h6 {
	margin:10px 0 5px 0px;
	font-family: Arial,Helvetica,sans-serif;
}
h1 {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:22pt;
	color: #0575E1;
}
h2 {
	font-size:15pt;
	font-weight:bold;
}
h3 {
	font-size:13pt;
	font-weight:bold;
}
h4 {
	font-size:12pt;
	font-weight:bold;
}
h5 {
	font-size:11pt;
	font-style:italic;
	font-weight:bold;
}
h6 {
	font-size:9pt;
	font-style:italic;
}

/* SS: 11/20/09: Apply this style only to public side, not admin coz it's messing with Ext css */
#content input[type="text"], #content input[type="password"], #content select, #content textarea {
	height:20px;
	vertical-align:middle;
	font-size:11pt;
	margin-bottom:2px;
	margin-top:2px;
	color: #000;
	border: solid 1px #85b1de;
	font-family:Arial,Helvetica,sans-serif;
}

.header{
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:22pt;
	color: #0575E1;
}

.subheader{
	font-size:17pt;
	font-style:italic;
	font-weight:bold;
}

p {
	margin:10px 0;
}
table {
	margin:0;
	padding:0;
}

blockquote {
	padding:10px 30px;
}

#header {
	margin:0;
	padding:10px;
	background: transparent url(/images/header-background.jpg) repeat-x center bottom;
	height:80px;
	clear:both;
	/*margin: 0 auto 0 auto;
	padding:0;
	text-align: left;
	width:954px;*/
	/*border:1px red solid;*/
}

#headerLogin {
	height:20px;
	margin:0 0 30px 400px;
}

#headerLinks {
	margin: 30px 0 10px;
	width:500px;
}

#headerLeft {
	float:left;
	margin: 0 10px 0 20px;
}
#headerRight {
	float:right;
	margin:0;
}


.strip {
	background-image:url('/images/thbg.jpg');
	background-repeat:repeat-x;
	height:21px;
	font-size:9pt;
	margin:3px 8px;
	padding:3px 8px;
}

/* th a {
	color:868484;
	text-decoration:none;
}
 */
textarea {
	font-family: Arial,Helvetica,sans-serif;
	color: #5B5B5B;
	font-size:10pt;
	height: 100%!important;
}
/*riffed from extjs*/
/*input,textarea{height:18px;line-height:18px;vertical-align:middle;padding:1px 1px;background:#fff url(/js/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;border:1px solid #B5B8C8;}*/

/*to kill the padding above when you use ext to gen a table*/

.exttable {
	margin:0;
	padding:0;
}

ol{
	list-style: decimal;
	margin:0 0 0 30px;
}

/* If you change the margin here please offset it in the Color Picker style below */

ul{
	list-style: disc outside;
	margin-left:1em;
	/*border:1px black solid;*/
	/*padding-left:1em;
	margin-left:1em;
	*/
}

/*
li {
	margin:5px 0 5px 1em;
}
*/

hr {
	color:#527E8B;
	background-color:#527E8B;
	height:2px;
	border:0;
	width:100%;
}

strong {
	font-weight:bold;
}

.strong {
	font-weight:bold;
}


a.strong {
	font-weight:bold;
	text-decoration: none;
}


strong.red {
	font-weight:bold;
	color:#630003;
}


em {
	font-style:italic;
}
.em {
	font-style:italic;
}

legend {
	color: #0F034E;
	padding:0 2px; 
	margin:0 2px;
	font-weight:bold;
	/*font-size:11px;*/
}

fieldset {
	padding:5px;
	margin:10px;	
	border: 1px solid #ccc;
}

a {
	color:blue;
	text-decoration: underline;
}
a:visited {
	color:blue;
}
a:active {
	color:blue;
}
a:hover {
	color:blue;
}


.required {
	margin:15px 0 0 5px;
	font-size:12pt;
	color:red;
}

.requiredNote {
	text-align:right;
	margin:0;
	padding:0;
	font-size:8pt;
}

.callout{
	width:228px;
	background-color:#FFFFFF;
	color:black;
	padding:10px;

	/*float:right;
	width:216px;
		min-height:400px;*/

	border:2px solid #1A335B;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*padding:30px 5px;*/
	/*text-align:center;
	margin-top:-20px;
	background-image:url('/images/choose.png');
	background-repeat:no-repeat;
	behavior: url(/css/helper/iepngfix.htc);*/
}

.hcallout{
	width:220px;
	background-color:#FFFFFF;
	color:black;
	padding:10px;
	margin:0 auto;
	
	/*float:right;
	width:216px;
	min-height:400px;*/
	
	border:2px solid #1A335B;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*padding:30px 5px;*/
	/*text-align:center;
	margin-top:-20px;
	background-image:url('/images/choose.png');
	background-repeat:no-repeat;
	behavior: url(/css/helper/iepngfix.htc);*/
}

.callout h3 {
	color:white;
	background-color:#1A335B;
	margin:0;
	padding:10px 5px;
}

.linkbar {
	background-image:url('/images/divbg-2x29.jpg');
	background-repeat:repeat-x;
	min-height:29px;
	margin: 10px 0 10px 0;
	text-align:center;
	padding:0;
	/*padding:5px 5px 0 5px;*/
}

.linkbar a{
	margin:0 5px 0 5px;
}

a.breadcrumb { color: black; text-decoration: none;}
a.breadcrumb:visited { color: black; }
a.breadcrumb:active { text-decoration: none; }
a.breadcrumb:hover { color: black; text-decoration: underline; }
span.activeBreadcrumb {color:red;}

.small{font-size:9pt!important;}

a.medium {font-size: 12px!important;}
a.small {font-size: 11px!important;}
a.smaller {font-size: 10px!important;}
a.tiny {font-size: 8px!important;}

a.nobold {font-weight:normal;}

a.red {color: #C01C23;}
.red {color: #C01C23;}

.formTable {
	margin:0;
	padding:0;
	border:0;
}
.formTable td {
	padding:3px 0px;
}
.formButtons {
	margin-top:5px;
}

/* STYLES TARGETED TO SPECIFIC IDs ON THE PAGE */
#pagebg {
	/* background-image: url(/images/infosafe-splash.png);
	background-repeat: no-repeat;
	background-position: center;
	opacity:0.4;
	filter:alpha(opacity=40); */
}
#page {
	margin: 0 auto;
	padding:0;
	text-align: left;
	width: 950px;
	clear:both;
	min-height:400px;
	opacity:1.0;
	background-color:#ffffff;
	/*filter:alpha(opacity=100);*/
	/*border:1px black solid;*/
}

/* content goes within page */
#contentWrapper {
	background-color:#ffffff;
	color:#3A3A3A;;
	/*clear:both;*/
	/*margin:10px 10px 0 10px;*/
	margin:0;
	padding:10px 20px;
}

/* content goes within page */
#adminContentWrapper {
	background-color:#ffffff;
	color:#000000;
	/*clear:both;*/
	/*margin:10px 10px 0 10px;*/
	margin:0;
	padding:0;
	/*border:1px solid #1A335B;*/
	/*padding:10px 0 20px 0;*/
}

/*
#contentWrapper a {
	color: #000000; 
	text-decoration:none;
}

#contentWrapper a:hover {
	color:#000000;
}

#contentWrapper a:visited {
	color: #000000;
}
*/

/* SS: This makes all the hyperlinks in admin black! Not good. If custom black links are 
needed, "darkLink" class can be used or they need to be wrapped within another container
and a new definition created.
#adminContentWrapper a {
	color: #000000; 
	text-decoration:none;
}

#adminContentWrapper a:hover {
	color:#000000;
}

#adminContentWrapper a:visited {
	color: #000000;
}
*/



/* Another content wrapper with no padding */
#contentWrapper2 {
	background-color: #E6E6E6;
	clear:both;
	margin:10px 10px 10px 10px;
	padding-bottom:5px;
}

/* Shaded contentWrapper*/
#contentWrapperShaded {
	background-color: #E6E6E6;
	clear:both;
	margin:5px 10px 15px 10px;
	padding:10px;
	/*padding:10px 0 20px 0;*/
}

contentWrapperShaded div {background-color: #E6E6E6;}

/*#body {
	margin:0;
	width:800px;
	min-height:637px;
	background-image:url(/images/beach-chair-800.png);
	background-repeat:no-repeat;
	background-position:center center;
}*/

/*#content {
	background-color:#FFFFFF;
	margin:20px 20px 20px 300px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
	-moz-opacity:.65;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}*/

/*#body {
	width:100%;
	border:1px solid #1A335B;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
}*/

#content {
	_width:100%;
	_height:100%;
	min-height:400px;
	/*float:left;
	clear:left;*/
}

#admincontent {
	_width:100%;
	_height:100%;
	min-height:400px;
	padding: 10px 20px;
	/*float:left;
	clear:left;*/
}

/* Content class with padding */
.contentNoPad {
	padding:0!important;
}


#footer {
	margin: 0 auto 0 auto;
	padding:10px 0 0 0; 
	background-color:#000000;
	color:silver;
	text-align:center;
	width: 100%;
	clear:both;
	font-size:9pt;
	min-height:50px;
}

#copyright {
	margin: 0 auto 0 auto;
	padding:5px 0 5px 0;
	text-align: center;
	width: 100%;
	clear:both;
}

.menuWrapper {
	width:100%;
	height:28px;
	margin:0;
	padding:0;
	background-color:#808080;
}

.menu {
	width:920px;
	background-color:#808080;
	margin: 0 auto 0 auto;
	clear:both;
}

a.menuItem {
	display:inline-block;
	margin:0 7px;
}

a.yuimenubaritemlabel{
	padding: 4px 20px!important;
}

/* CUSTOM CLASSES */

#logoArea {
	float:left;
	margin:5px 20px 5px 30px;
	padding:0;
}

#toolsArea{
	background-image:url('/images/curve.png');
	background-repeat:no-repeat;
	/*background-position: left bottom;*/
	color:white;
	width:954px;
	padding:15px 0 5px 0;
	height:38px;
	text-transform:uppercase;
	clear:left;
	margin:5px 0 0 0;
	width:100%;
}

#toolsArea form {
	margin-left:20px;
}

#toolsArea a {
	display:block;
	width:200px;
	text-decoration:none;
	padding:5px 12px 3px 12px;
	_padding-top:0;
	/*border-left:1px solid #FFF;*/
	color: #0F034F; /*#868484;*/ /*#5B5B5B;*/
	font-size:9pt;
	text-transform:uppercase;
	margin-top:-42px;
	margin-left:310px;
}

#toolsArea a:hover {
	font-weight:bold;
}

#toolsArea a:visited {
	color: #0F034F;
}

#cartInfo {
	background-color:#0F034F;
	color:white;
	float:right;
	margin-right:40px;
	padding:10px;
	width:360px;
}

#cartInfo span {
	padding-left:10px;
	padding-right:10px;
}

#cartInfo a {
	color:white;
}
#cartInfo a:visited {
	color:white;
}

.shadedBox {
	background-color:#ffab24; /*#0F034F;*/
	color:white;
	padding:10px;
	margin:0 10px;
}

.shadedBox a {
	color:white;
}

#navbox {
	padding:0;
	height:34px;
	/*width:954px;*/
	width:100%;
	margin:0 20px 0 540px;
	background-color:transparent; /*#FFAC1F;*/
	/*background:url('/images/menubg.jpg') repeat 0 0;*/
}

#nav {
	list-style:none;
	margin:0;
	padding:0;
}

#nav li {
	height:32px;
	/*width:81px;*/
	float:left;
	/*width:100px;*/
	/*margin:0 10px;
	padding:5px 10px;*/
	text-align:center;
	color: #0F034F;
	margin:0 2px;
	padding:0;
}

#nav a {
	font-weight:bold;
	background-color:#9BB7CE;
	/*border:1px solid #1A335B;*/
	display:block;
	/*color:#FFF;*/
	text-decoration:none;
	/*border-right:1px solid #0F034F;*/ /*#635D8D;*/
	padding:5px 12px 5px 12px;
	/*border-left:1px solid #FFF;*/
	color: #1A335B; /*#868484;*/ /*#5B5B5B;*/
	font-size:14pt;
	/*text-transform:uppercase;*/
	/*background:url('/images/tabbg.png') repeat 0 0;*/
}

#nav a:active {
	color:#FFFFFF;
	background-color:#1A335B;
}

#nav a:hover {
	color:white;
	background-color:#1A335B;
}

#nav a:visited {
	color: #1A335B;
}

#nav .selected a {
	/*background-position:82px 0;*/
	color:#FFFFFF;
	background-color:#1A335B;
}

.right {
	float:right;
}
.left {
	float:left;
}

.shaded {
	background-color:#DDDDDD;
}

.productTable {
	border-top:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
}

.productTable td {
	border-left:1px dotted #EEEEEE;
	border-bottom:1px dotted #EEEEEE;
	padding:2px;
}

.reportTable {
	border: 1px solid #999999;
	border-spacing: 0px;
	border-collapse: collapse;
}

.reportTable th {
	background-color:#EAEFF3;
	color:black;
	vertical-align:bottom;
	padding:5px;
	font-weight:bold;
	border: 1px solid #999999;
}

.reportTable td {
	padding:5px;
	border: 1px solid #999999;
}

.gradientFill {
	background-image:url('/images/gradientbg.jpg');
	width:662px;
	height:159px;
	margin:10px 0;
}

.highlight{color:#527E8B;}

.darkBox{
	color:white;
	background-color:black;
	padding:5px 5px;
	margin:5px 5px;
	text-align:center;
	font-weight:bold;
}
.darkBoxContainer{
	background-color:gray;
	/*padding:10px;
	margin:5px;*/
	padding:0;
	margin:0;
	text-align:center;
}


.panel {
	padding:5px;
}

/* apply this class to panels that require it in IE 7.  can't apply to panels that may cross pulldown menus. */
.relative {
	position:relative;
}

.scrolling {
	overflow: auto;	
}

.nonscrolling {
	overflow: hidden;	
}

/*.mainTableCell {
	margin:0;
	padding:5px;
	border:5px black solid;
}*/

.dark {
	background-color:#000000 !important;
	color:#FFFFFF !important;
}

a.darkLink {color:black;text-decoration:none;}
a.darkLink:visited {color:black;text-decoration:none;}
a.darkLink:active {color:black;text-decoration:underline;}
a.darkLink:hover {color:black;text-decoration:underline;}

a.lightLink {color:white;text-decoration:none;}
a.lightLink:visited {color:white;text-decoration:none;}
a.lightLink:active {color:white;text-decoration:underline;}
a.lightLink:hover {color:white;text-decoration:underline;}

a.silverLink {color:silver;text-decoration:none;}
a.silverLink:visited {color:silver;text-decoration:none;}
a.silverLink:active {color:silver;text-decoration:underline;}
a.silverLink:hover {color:silver;text-decoration:underline;}

a.gray {color:#666666;text-decoration:none;}
a.gray:visited {color:#666666;text-decoration:none;}
a.gray:active {color:#666666;text-decoration:underline;}
a.gray:hover {color:#666666;text-decoration:underline;}

a.button{
	display:block;
	color:white;
	cursor:pointer;
	white-space:nowrap;
	border:1px solid #666666;
	background: #999;
	padding:0px 5px;
}
a.button:hover{text-decoration:none!important;color:white!important;}

.light {
	background-color:#FFFFFF;
}

.headline {
	font-size:30px;
	color:#0378DF;
	text-align:center;
	margin-bottom:20px;
}

.headline2 {
	font-size:11px;
	font-weight:bold;
}

div.pod{
	/*border:1px solid #5B5B5B;*/
	background-color:#F0F0E7; /*#F0F4F7;  */
	/*padding:10px;*/
	margin:10px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

div.pod h3 {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:22pt;
	color: #0575E1;
}

div.panelContainer{
	padding:10px 0 10px 10px;
}

.popupTitle {
	margin:0;
	padding:0;
	overflow:hidden;
}

img.pageTitle {
	margin:20px 0;
}

div.pageTitle {	
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:22pt;
	margin:0 0 10px;
	color: #0575E1;
	width:100%;
	text-align: center;
}
 
div.pageTitleAllstate {	
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:22pt;
	margin:0 0 10px;
	color: #0575E1;
	width:800px;
	text-align: left;
}

.subTitle {
	font-weight:bold;
	font-size:12pt;
	margin:20px 0;
	color: #CC0000;
}

.podTitle {
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	color:#000000;
	width:100%;
}

.podTitleShaded {	
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	margin:0;
	padding:0;
	background-color: #58595B;
	color: White;
	overflow: hidden;
	height:34px;
}

.podShadedTextTitle {	
	margin:10px 10px 10px 10px;
}
.podTextTitle{	
	margin:10px 10px 10px 10px;
}


.podFeatureTitleShaded {	
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	margin:0;
	padding:0;
	background-color: #58595B;
	color: White;
}

div.commentPod{
	padding:0;
	margin:0;
	background-color:#CCCCCC;
	text-align:left;
}

.podCommentTitleShaded {	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	margin:0;
	padding:8px 0 0 12px;
	background-color: #58595B;
	color: White;
}

.podCommentText{
	font-size:12px;
}


.contextHeader {
	color:black;
	font-weight:bold;
	margin:5px;
	padding:0;
	font-size:18pt;
	/*font-size:27px;
	line-height:30px;
	margin:10px 5px;*/
}

/* apply to p or div */
.text {margin:10px 5px;}

/* Regular font, only smaller size.*/
.small {
	font-size: 11px;
	line-height: 125%;
}

/* Regular font, only medium size.*/
.medium {
	font-size: 12px;
}

.smaller {
	font-size: 10px;
}

.smaller2 {
	font-size: 9px;
}

div.comingSoon h1{
	padding-top:100px;
	text-align:center;
	color:red;
}

.x-form-field{margin:0;font:normal 12px tahoma,arial,helvetica,sans-serif;}
.x-form-text,textarea.x-form-field{height:18px;line-height:18px;vertical-align:middle;padding:1px 1px;background:#fff url(/js/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;border:1px solid #B5B8C8;}
.x-form-focus,textarea.x-form-focus{border:1px solid #7eadd9;}
.x-item-protected{height:18px;line-height:18px;vertical-align:middle;padding:1px 1px;color:black;background-color:silver}

.button{
	font-size:10pt;
	cursor:pointer;
	white-space:nowrap;
	color:black;
	border:1px solid #B5B8C8;
	margin:2px;
	padding:2px;
	font-weight:bold;
	/*background-color: transparent;
	background-image:url('/images/buttonbg-tall.jpg');
	background-repeat:repeat;*/
	/* hoses IE! min-width:160px;*/
	text-align:center;
}
.imgButton{
	cursor:pointer;
	border:none;
	margin:2px;
	padding:2px;
	background-color:transparent;
}

.transparent {
	color:white;
	background-color: transparent;
	border:none;
}

.inlineButton{cursor:pointer;white-space:nowrap;border:1px solid #B5B8C8;padding-bottom:2px;}
#takenMessage,#takenLegendMessage,#takenAthleteMessage,#conflictMessage{color:red;}
#coolMessage{color:green;}
/*.buttonGo{cursor:pointer;white-space:nowrap;border:0px;background:transparent url(/images/go.png) no-repeat 100%;width:30px;height:20px;}*/

/* Reg Form Styles */
.form-note {
	background:transparent url(/images/note-bottom.gif) no-repeat scroll 20px 100%;
	bottom:10px;
	color:#FFFFFF;
	left:500px;
	display:none;
	padding-bottom:9px;
	position:absolute;
	width:210px;
}

.form-note p {
    margin: 0;
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
    background: red;
    color: #fff;
	line-height:1.5;
}

div.formContainer{
	/*padding-left:125px;*/
}
.frmCol {padding-left:110px;}

form div.fieldset{position:relative;margin-bottom:5px;}

form div.fieldset label.fieldlabel{
	display:block;
	float:left;
	width:100px;
	padding:4px 0 0;
	position:relative;
	vertical-align:middle;
	white-space:nowrap;
	padding-left:10px;
}


/*This is the style attached to the div that most extjs forms are bound to it 
 * provides left padding and bottom padding so the form isn't crammed over to 
 * the left and the buttons at the bottom of the forms a have a little spacing
 * before the footer kicks in.
 */

#out{padding-left:10px;padding-bottom:20px;}

.panel-album-photo{height:180px;width:103px;padding:0 25px 25px 0;border:0 none;}
.panel-album-photo-inner{border:1px black solid;}
.white-body .x-window-body {background-color: #FFFFFF;background:#FFFFFF;}
.black-body .x-window-body {background-color: #000000;background:#000000;}
.white {background-color: #FFFFFF;background:#FFFFFF;}
.black {background-color: #000000;background:#000000;}

.cssTable {
margin:0px;
padding:0px;
border-spacing:0px;
} 

/*
img.thumb {border:1px solid #CCCCCC;max-width:100px;max-height:100px;width: expression(this.width > 100 ? 100: true);height: expression(this.height > 100 ? 100: true);} 
img.thumbSmall {border:1px solid #CCCCCC;max-width:50px;max-height:50px;width: expression(this.width > 50 ? 50: true);height: expression(this.height > 50 ? 50: true);} 
img.thumbMedium {border:1px solid #CCCCCC;max-width:75px;max-height:75px;width: expression(this.width > 75 ? 75: true);height: expression(this.height > 75 ? 75: true);} 
img.thumbTiny {border:1px solid #CCCCCC;max-width:25px;max-height:25px;width: expression(this.width > 25 ? 25: true);height: expression(this.height > 25 ? 25: true);} 

img.thumbSmallSet {border:1px solid #CCCCCC;width:50px;height:50px;} 


/* for video 16:9 thums */
img.thumbWide {border:1px solid #CCCCCC;max-width:178px;max-height:100px;width: expression(this.width > 133 ? 133: true);height: expression(this.height > 100 ? 100: true);} 
img.thumbSmallWide {border:1px solid #CCCCCC;max-width:89px;max-height:50px;width: expression(this.width > 67 ? 67: true);height: expression(this.height > 50 ? 50: true);} 
img.thumbMediumWide {border:1px solid #CCCCCC;max-width:133px;max-height:75px;width: expression(this.width > 100 ? 100: true);height: expression(this.height > 75 ? 75: true);} 

img.thumbNoBorder {border:0px;max-width:100px;max-height:100px;width: expression(this.width > 100 ? 100: true);height: expression(this.height > 100 ? 100: true);} 
img.thumbSmallNoBorder {border:0px;max-width:50px;max-height:50px;width: expression(this.width > 50 ? 50: true);height: expression(this.height > 50 ? 50: true);} 
img.thumbMediumNoBorder {border:0px;max-width:75px;max-height:75px;width: expression(this.width > 75 ? 75: true);height: expression(this.height > 75 ? 75: true);} 

img.fullSize {border:1px solid #CCCCCC;max-width:800px;max-height:550px;width: expression(this.width > 800 ? 800: true);height: expression(this.height > 550 ? 550: true);} 
img.articleLead {border:1px solid #CCCCCC;max-width:250px;max-height:350px;width: expression(this.width > 250 ? 250: true);height: expression(this.height > 350 ? 350: true);} 
img.brand {border:1px solid #CCCCCC;max-width:375px;max-height:275px;width: expression(this.width > 375 ? 375: true);height: expression(this.height > 275 ? 275: true);} 
img.videoThumbFull {border:0px solid #CCCCCC;max-width:435px;max-height:250px;width: expression(this.width > 435 ? 435: true);height: expression(this.height > 250 ? 250: true);} 
img.feature {border:0px solid #CCCCCC;max-width:400px;max-height:270px;width: expression(this.width > 400 ? 400: true);height: expression(this.height > 270 ? 270: true);} 
img.user {border:0px solid #CCCCCC;max-width:238px;max-height:238px;width: expression(this.width > 238 ? 238: true);height: expression(this.height > 238 ? 238: true);} 
*/

/* this is for the kick in the balls ie 5/6 will deliver if you use tranparency in a png image*/
img.png{ behavior: url(/css/helper/iepngfix.htc) }

img.pngInactive { behavior: url(/css/helper/iepngfix.htc) }


.alignTop {vertical-align:top;margin-top:0px;}

.nomargin {
	margin:0;
	padding:0;
}

.clear {
	clear: both;
}

/* TABS the following classes are for tabs...see WEB-INF/tags/layout/tabset.cfm */
/*
 * color scheme:
 * E6E6E6 - light gray background
 * CCCCCC - medium gray spot color
 * 737373 - dark gray spot color
 */
div.tabSet {
	margin:0;
	/*padding-top: 20px;
    width:100%;*/
    line-height:normal;
}
ul.tabList {
	margin:0;
	padding:0; /*10px 10px 0;*/
	list-style:none;
	/*max-width: 770px;*/
	font-size:14px;
	background-color:#FFFFFF;
	color: #737373;
	height: 30px;
}
li.tabListItem {
	float: left;
	text-align: left;
	overflow: hidden;
	margin-right:10px;
	max-width:300px;
	overflow:hidden;
	height: 30px;
}
/* base class for tab "links" */
a.tabLink {
	display: block;
	padding: 8px 10px 8px 10px;
	text-transform:uppercase;
	font-weight: bold;
}
/* four variants for tabs that are not currently in focus */
a.tabLinkUnselected {
	background-color:#CCCCCC;
	color: #000000;
	text-decoration:none;	
}
a.tabLinkUnselected:hover {
	background-color:#737373;
	color:#000000;
	text-decoration:none;
}
a.tabLinkUnselected:active {
	background-color:#737373;
	color: #000000;
	text-decoration:none;
}
a.tabLinkUnselected:visited {
	background-color:#CCCCCC;
	color: #000000;
	text-decoration:none;
}
/*and four for tabs that are in focus */
a.tabLinkSelected {
	color: #000000;
	background-color:#E6E6E6;
	text-decoration:none;
}
a.tabLinkSelected:hover {
	background-color:#737373;
	color:#000000;
	text-decoration:none;
}
a.tabLinkSelected:active {
	background-color:#737373;
	color: #000000;
	text-decoration:none;
}
a.tabLinkSelected:visited {
	color: #000000;
	background-color:#E6E6E6;
	text-decoration:none;
}
/* finally, the content region beneath the tab */
div.tabContent {
	position:relative;
	overflow:auto;
	/*border-bottom: 2px solid black;
	border-right: 2px solid black;
	border-left: 2px solid black;*/
	padding: 10px 10px 0 10px;
	background-color:#E6E6E6;
	color:#000000;
}


/*Alternate tab classes*/

div.paneltabset {


padding-bottom:10px !important;
_position: relative
}

div.paneltabset a {text-decoration: none;}
div.paneltabset a:hover {text-decoration: none;}
div.paneltabset a:active {text-decoration: none;}
div.paneltabset a:visited {text-decoration: none;}

div.tabsContainer {
	border-left: 1px solid #fff; 
	position: relative;
	top: 1px;
	_top: 0;
	left: -1px;
	_height: 15px;
	_padding-top: 6px;
	display: block;
}

ul.panelTabList {
font-size:10px;
_position: absolute;
top:0;
}

ul.panelTabList li {
	position: relative;
	top: 0; 
	padding-left: 5px;
	padding-right: 5px;
}

ul.panelTabList {

	display: block;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight:bold;
	z-index: 500;
/*\*/	vertical-align: middle;/*\*/
	font-family: Arial, Helvetica, sans-serif;
	list-style-type:none;
}


li.panelTabFirstListItem {
	background-color:#CCCCCC;
	background-image:none;
	border: 1px solid silver;
	border-width:1px;
	display:block;
	float:left;
	margin:0;
	padding:4px 7px 3px 7px;
	_padding:4px 7px 4px 7px;
	white-space:nowrap;
	z-index:980;
}

li.panelTabListItem {
	background-color:#CCCCCC;
	background-image:none;
	border: 1px solid silver;
	border-width:1px 1px 1px 0;
	display:block;
	float:left;
	margin:0;
	padding:4px 7px 3px 7px;
	_padding:4px 7px 4px 7px;
	white-space:nowrap;
	z-index:998;
}


li.panelTabListItemSelected {
	background-color:#eeeeee;
	border-bottom: none;
	padding:4px 7px 4px 7px;
	_padding:4px 7px 5px 7px;
	z-index:999;
}




/* base class for tab "links" */
a.panelTabLink {
	color: #000000;
}

/* four variants for tabs that are not currently in focus */
a.panelTabLinkUnselected {
	color: #000000;
}
a.panelTabLinkUnselected:hover {
	color: #000000;
}
a.panelTabLinkUnselected:active {
	color: #000000;
}
a.panelTabLinkUnselected:visited {
	color: #000000;
}


/*and four for tabs that are in focus */

a.panelTabLinkSelected {
	color: #000000;
}
a.panelTabLinkSelected:hover {
	color: #000000;
}
a.panelTabLinkSelected:active {
	color: #000000;
}
a.panelTabLinkSelected:visited {
	color: #000000;
}


/* Same but with borders */


div.panelTabContent {
border: 1px solid silver;
clear:both;
display:block;
margin:0;
padding:7px;
_padding: 7px 7px 30px 7px;
background-color:#eeeeee;

}








/* end TABS */

/* Color Picker */
/* The negative margin here is to correct for the 20 px margin set in the ul style above */
.x-color-picker, .x-color-picker {
  height: 195px;
  position: relative;
  overflow: hidden;
  margin-left:-20px;
}
.x-color-picker div canvas {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.x-color-picker-wheel {
  z-index: 1;
}
.x-color-picker-gradient  {
  z-index: 0;
}

/* Photo nav overlay */
.navOverlay {
	background:white;
	/*float: left;*/
	position: relative;
	left: 390px;
	top: -20px;
	width: 40px;
	height: 15px;
	z-index: 10;
	text-align:center;
}
.navOverlaySmall {
	background:white;
	/*float: left;*/
	position: relative;
	left: 410px;
	top: -20px;
	width: 20px;
	height: 15px;
	z-index: 10;
	text-align:center;
}
.transparent {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.no-transparent {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

div.article { position: relative;}
div.article div { position: relative;}
div.article p { position: relative;margin:10px 5px 10px 0;}
div.wrapRight div { float: right; clear: right;}
div.wrapLeft div { float: left; clear: left;}

div.exclusiveLabel{
	background-color:White;
	border:1px solid black;
	height:10pt;
	left:60%;
	padding:0;
	position:absolute;
	text-align:center;
	top:-8px;
	width:80px;
	z-index:50;
}
div.exclusive{
	/*position: relative;*/
	background: #660000;
	color: White;
}
div.exclusive div a{
	color: White;
}

/* content search popup styles for Ext template */
.search-item {
    /*font:normal 11px tahoma, arial, helvetica, sans-serif;*/
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
}
.search-item h3 {
    display:block;
    font:inherit;
    font-weight:bold;
}

.search-item h3 span {
    float: right;
    font-weight:normal;
    margin:0 0 5px 5px;
    width:100px;
    display:block;
    clear:none;
}

.titleShaded {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 5px 5px 5px;
	padding: 0;
	background-color: #AAAAAA;
}

.separator {
	margin: 5px 5px 10px 0;
	padding: 0;
	background-color: #737373;
	width:900px;
	height:3px;
	font-size:1px; /* for IE6 */
}

.separatorLight {
	margin: 5px 5px 10px 0;
	padding: 0;
	background-color: #CCCCCC;
	width:900px;
	height:1px;
	font-size:1px; /* for IE6 */
}

/* search "links" */
a.searchLinkSelected, a.searchLinkSelected:active, a.searchLinkSelected:visited {
	font-weight: bold;
	color:#000000;
	text-decoration: none;
}
a.searchLinkSelected:hover {
	text-decoration:none;
}
a.linkSelectedColor, a.linkSelectedColor:active, a.linkSelectedColor:visited {
	font-weight: bold;
	color:#8A0054;
}
a.linkSelectedColor:hover {
	text-decoration:none;
}

.font10 {
	font-size:13px;
}

hr.thin {border: none 0;
	border-top: 1px solid #000;
	height: 1px;
	}

bloglink {font-size: 12px; color: black; align:right;}

.blogpager {font-size: 12px; color: black; align:right;}


a.bloglink {font-size: 12px; color: black; text-decoration: none;}
a.bloglink:visited {font-size: 12px; color: black; }
a.bloglink:active {font-size: 12px; text-decoration: none; }
a.bloglink:hover {font-size: 12px; color: black; text-decoration: underline; }

/*the following classes work together to make the transparent overlay in the videoplayer component*/
.flashWrapper {
	position:relative;
	/*float:left;	SS:4/27/08: causes the flash object to float outside its container div */
}
.flashContainer {
	margin:auto;
	position:relative;
	z-index:1;
}
.transparentOverlay {
	z-index:2000;
	cursor:hand;
}
.transparentIframe {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	z-index:2000;
	/* IE code for opacity.  Firefox opacity attribute intentionally omitted, since it is buggy when used with flash on the Mac. */
	filter:alpha(opacity=0);
}

.sportTitle {
	font-weight:bold;
	text-transform:uppercase;
	color: #8A0054;
	font-size:14px;
	margin:0 5px 10px 0;
	padding:0;
}

.hidden {visibility:hidden;}
.hidden2 {display:none;}

.shadedDark{
	background-color: #AAAAAA;
}

.whiteTitle {	
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	padding:5px;
	color: White;
}

.darkGray{
	color: #737373;
}

/* vertical overflow only */
.vOverflow{overflow-x:hidden;overflow-y:auto;}
/* horizontal overflow only */
.hOverflow{overflow-x:auto;overflow-y:hidden;}

.noBorder{border:none;}

a.podHeadlink {font-size: 11px; color: black;}
a.podHeadlink:visited {font-size: 11px; color: black; }
a.podHeadlink:active {font-size: 11px; text-decoration: none; }
a.podHeadlink:hover {font-size: 11px; color: white; text-decoration: underline; }

a.podHeadlinkSmall {font-size: 9px; color: black;text-transform:none;display:block;}
a.podHeadlinkSmall:visited {color: black;}
a.podHeadlinkSmall:active {text-decoration: none; }
a.podHeadlinkSmall:hover {color: white; text-decoration: underline; }

a.podHeadlinkSmallLight {font-size: 9px; color: white;text-transform:none}
a.podHeadlinkSmallLight:visited {color: white;}
a.podHeadlinkSmallLight:active {text-decoration: none; }
a.podHeadlinkSmallLight:hover {color: white; text-decoration: underline; }

.initCaps {text-transform:capitalize;}

.transparentFull {
	background-color:black;
	background:black;
	opacity:0;	
	-moz-opacity:0;
	filter:alpha(opacity=0);
	z-index:100;
}


.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background-color:black;
	background:black;
	opacity:.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
	z-index:101;
}
.modal-overlay-ffmacx{
	background-image: url(/images/opaque_grey.png);
	background-repeat:repeat;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	z-index:101;
}
* html .modal-overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.modal-window {
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0 0 0 20px;
	z-index:102;
	border:1px solid black;
	background:#000;
}
* html .modal-window {
	position:absolute;
}
.close-window{
	position:absolute;
	width:25px;
	height:25px;
	right:10px;
	top:8px;
	background:transparent url('/images/close-button.png') no-repeat scroll right top!important;
	text-indent:-99999px;
	cursor:pointer;
	opacity:0.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
	behavior: url(/css/helper/iepngfix.htc);
}
.close-window:hover{
	opacity:0.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}

/* default ext windows to white bg */
.x-window-body{background:white}

/* and turn off "li" discs on ext tabs */
ul.x-tab-strip-top {
	list-style:none;
	margin:0;
	padding:0;
}

/* birdsong3 provided these for the go button */
input.go-btn {
	width: 20px;
	height: 20px;
	background: #999 url(/images/go.gif) no-repeat;
	vertical-align: middle;
}
input.go-btn:hover {
	background: #ccc url(/images/go.gif) no-repeat 0 -20px;
}


/*
 * Custom EXT CSS styles
 */
.x-form-head-label {
    font:bold 10px tahoma, arial, helvetica, sans-serif;
    padding-left:105px;
    position:relative;
    margin-bottom:7px;
    margin-top:3px;
}

/* Override Ext style to make the blank row height same as other rows inside a combobox */
.x-combo-list-item{
	border:1px solid #FFFFFF;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	overflow:hidden;
	padding:2px;
	white-space:nowrap;
	height:14px;			/* custom value */
}

.deadlink{color:silver;}
/* these are used in my favorites pod*/
.favSection{padding-bottom:5px;}
.favTitle{padding-bottom:3px;}

a.subMenulinkSmallLight {font-size: 11px; color: white;text-transform:none}
a.subMenulinkSmallLight:visited {color: white;}
a.subMenulinkSmallLight:active {text-decoration: none; }
a.subMenulinkSmallLight:hover {color: white; text-decoration: underline; }

/* Exposure meter*/
.statpad{padding-left:10px;}

/* Community styles used in the community pods and commenting*/

.comPopupTitle{
padding:0 0 0 10px;
font-size: 16px;
}

.comPopupInstruction{
padding-left:95px;
font-size: 10px;
}

.comPopupInstruction125{
padding-bottom:3px;
padding-left:125px;
font-size: 10px;
}

.comPopupMsg{
padding:10px 0 0 10px;
font-size: 13px;
}

.comMinimal{
padding:0;
}

.comPopupSubject{
padding-left:10px;
font-size: 13px;
}

.upload-icon {
            background: url('/images/image_add.png') no-repeat 0 0 !important;
        }

.supportSubTitle {
	font-size:14pt;
	font-weight:bold;
}

div.faq{
	background-image:url('/images/faq_bg.png');
	background-repeat:no-repeat;
	height:73px;
	padding:0;
	margin:0;
	font-size:0;
}

div.faqblock{margin:10px 0 10px 0;}

div.faqimg{float:left;}

div.faqquestion{
	float:left; 
	margin:0 0 0 10px; 
	width:550px;
	cursor:pointer;	
}

div.faqanswercontainer{margin:0 10px 0 46px;}


div.faqanswer{
	padding:0;
	margin:0;
	display:none;
	width:550px;
}

.box {
	border:1px solid #999;
}

#tabBarVertical{
	background:url('/images/left_nav.png') no-repeat scroll right top;
	width:230px;
	min-height:800px;
}

#tabBarVertical .buttonNav {
	height: 58px;
}

#tabBarVertical .buttonNav a {
	padding: 13px 0 10px 25px;
	display: block;
	font-family:Gill Sans MT,Gill Sans,sans-serif;
	font-size:12pt;
	color:#656565;
	text-decoration: none;
	outline: none;
	text-transform:uppercase;
}

#tabBarVertical .tabActive a {
	color:#0066cc;
}

#tabBarVertical .tabActive {
	background:url('/images/nav-button-selected-bg.png') no-repeat scroll left top;
}

div.tabBar{
	 width:100%;
	 height:60px;
	 position:absolute;
	 top:308px;
	 z-index:100;
}

.center{
	text-align:center;
	margin:0 auto;
}

.tabDescr {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13pt;
	color:#494949;
	line-height:150%;
	margin:10px 0 30px;
}

.tabDescr p{
	margin: 10px 0 20px;
	width: 100%!important, 
	max-width: 100%!important	
}

.tabDescr a {
	font-size:11pt;
	margin:0 0 0 15px;
}

.tabHeadImg{
	margin-bottom: 20px;
}
.tabDescr h1 {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:16pt;
	color: #0575E1;
}

.tabText {
	font-size:12pt;
	color:#717171;
}
.tabLinks{
	 width:400px;
	 height:40px;
	 position:absolute;
	 top:240px;	
	 left:535px; 
	 z-index:100;
}
.tabLinks a{
	display:inline-block;
	margin-right:10px;
}
.expand{
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size:13pt;
	margin-bottom:10px;
}
.expand span{
	cursor:pointer;
}
.expand img{
	margin-right:10px;
	cursor:pointer;
}
.expand div{
	margin-left:10px;
	font-size:12pt;
}
.expand ul{
	padding-left:20px;
}
.expand ul ul{
	list-style-type: square;
}
.expand ul ul ul{
	list-style-type: circle;
}
.quote{
	font-family: Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size:12pt;
	color: #717171;
	margin:5px 0;
}
.quoteAuthor{
	font-family: Arial,Trebuchet MS,Helvetica,sans-serif;
	font-size:10pt;
	font-weight: bold;
	font-style: italic;
	color: #0E59AD;
	text-align: right;
	margin:5px 0 10px;
}
.footLinks{
	font-size:9pt;
	text-align:center;
	margin: 0 auto 5px;
}
.subHead {
	font-size:16pt;
	font-weight: bold;
	color: #BB0000;
	margin: 20px 0;
}
.subHead2 {
	font-size:16pt;
	font-weight: bold;
	color: #0575E1;
	margin: 20px 0;
}

.sectionTitle {
	font-family: Arial,Helvetica,sans-serif;
	font-size:18pt;
	margin:20px 0;
	color: #717171;
}

.sectionTitleRed {
	font-family: Arial,Helvetica,sans-serif;
	font-size:18pt;
	margin:20px 0;
	color: #C01C23;
}


table.compare {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse;
}
table.compare td {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #999999;
}
table.compare th {
	font-weight: bold;
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #999999;
	text-align: center;
}
div.legal {
	padding: 10px 150px;
}
.slideshow {
	height:370px;
	width:950px;
	position:absolute;
	top:0;
}
div.tabCell {
	width:100%;
	height:100%;
}
div.tabCell .text {
	position:relative;
	width:420px;
	float:right;
	background-color:transparent;
	z-index:20;
	border:0px solid black;
}
.subTitle2 {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size:17pt;
	margin:10px 0;
	color: #C01C23;
}
.intro {
	font-family: Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	font-stretch: semi-expanded;
	margin:0 3px 10px 0;
	color: #747474;
	line-height: 150%;
}
/*.safeRed {
	color:#C01C23;
}*/
ul.info {
	font-family: Arial,Helvetica,sans-serif;
	font-size:15px;	
	padding-left:5px;
	color: #727272;
	list-style-image: url('/images/bullet.png');
}
ul.info li {
	margin:5px 0 5px 5px;
}
ul.info li:before {
	color: #4E7FC3;
}
div.homeTabs{
	width: 100%;
	height: 370px;
	margin: 0 0 20px 0;
	position: relative;
}

table.spaced {
	border-collapse: collapse;
}	
table.spaced td {
	padding:5px 0;
}
.x-tabs-strip .x-tabs-text {
	font-size:14px;
}

div.tabCell2 {
	height:100%;
	padding:10px;
	margin-bottom:50px;
}

table.tablesorter thead tr .header {
	background-image: url('/images/sort.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	font-size:12pt;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('/images/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('/images/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	color: #1075AD;
}

a.helprequest {font-size: 11px; color: blue!important;}
a.helprequest:visited {color: blue!important;}
a.helprequest:active {color: blue!important;}
a.helprequest:hover {color: blue!important; }

a.classic {color: blue!important;}
a.classic:visited {color: blue!important;}
a.classic:active {color: blue!important;}
a.classic:hover {color: blue!important; }

.wait {
	background:#fff url(/images/ajax-loader.gif) no-repeat center center;
}

a.support {font-size: 16px; text-decoration: none; color: black!important;}
a.support:visited {text-decoration: none;color: black!important;}
a.support:active {text-decoration: none;color: black!important;}
a.support:hover {text-decoration: none;color: black!important; }

/* Support search page*/
div.autosize { display: table; width: #iif(request.isIE,DE('#iePaginationWidth#px'),DE('auto'))#; }
div.autosize > div { display: table-cell;}
.center {margin-left:auto;margin-right:auto;}
.pagination a{color:##000000;font-weight:bold;border:1px solid ##999999;}
.pagination span {color:##000000;font-weight:bold;}
.pagination .current{font-weight:bold;border:1px solid ##999999;}

span.select {
	background:transparent url(../images/select_100px.png) no-repeat scroll 0 0;
	color:##FFFFFF;
	height:19px;
	line-height:19px;
	overflow:hidden;
	padding:0 20px 0 5px;
	position:absolute;
	width:100px;
	behavior: url(/css/helper/iepngfix.htc);
}

select.styled {
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	position:relative;
	width:120px;
	z-index:5;
	font-weight:bold;
	font-size:12px;
}

div.supportSubtext{
	text-align:center;
	font-size: 9pt;
	font-weight:bold;

}

div.bigMargin{
	margin:0 180px!important;
}



textarea.comment {
	font-family: Arial,Helvetica,sans-serif;
	color: #5B5B5B;
	width:350px;
	height:20px;
}


div.CommentBlock{
	margin:5px;
	padding:10px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	background-color:#EEEEEE;
	
border:1px solid silver;	
}

div.CommentAuthor{
	float:left;
	font-size: 9pt;
	font-weight:bold;
}

div.CommentDate{
	float:right;
	font-size: 9pt;
	font-weight:bold;
}

div.CommentBody{
	margin:5px 0;
	font-size: 9pt;
}

div.NewComment{
	/*background-color:#ffffff;
	border:1px solid silver;*/
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 9pt;
}

div.PlaceHolder{
	background-color:#ffffff;
	border:1px solid silver;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 9pt;
	height:25px;
}


.CommentButton{
	font-size:8pt;
	cursor:pointer;
	white-space:nowrap;
	color:black;
	border:1px solid #B5B8C8;
	margin:10px 2px 2px 2px;
	padding:2px;
	font-weight:bold;
	text-align:center;
}

div.CommentName{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 9pt;
	margin:10px 2px 2px 2px;
}

.commentpager {font-size: 9pt; color: black; align:right;}

a.CommentLink {font-size: 8pt; font-weight:bold; color: #094F8D; text-decoration: none;}
a.CommentLink:visited {font-size: 8pt; font-weight:bold; color: #094F8D; }
a.CommentLink:active {font-size: 8pt; font-weight:bold; color: #094F8D;text-decoration: none; }
a.CommentLink:hover {font-size: 8pt; font-weight:bold; color: #094F8D; text-decoration: underline; }

.popupContainer{
	padding:0;
	margin:0;
	background:#ffffff;
}

.popupTitle {
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size:18px;
	padding:10px;
}

div.tabTitleContainer{
margin:0 0 10px 0;
}

div.tabTitle {	
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:22pt;
	margin:0;
	color: #0575E1;
	text-align: left;
	float:left;
}

div.tabLink {
	margin:13px 0 0 0;
	float:right;
	
}

.popup {
	padding:10px;
}

.bigBlurb p {width: 100%; max-width: 100%;}
.bigBlurb img {margin-top: 25px;}
.bigBlurb ol {margin-bottom: 20px;}
.bigBlurb a {font-size: 13pt!important;}

/*Without these styles existing ext file upload fields (see employee edit - photo) 
 * are getting hosed over.*/
.x-form-file-wrap .x-form-file {
height:22px;
opacity:0;
position:absolute;
right:0;
z-index:2;
}
.x-form-file-wrap .x-form-file-btn {
position:absolute;
right:0;
z-index:1;
}

.x-form-file-wrap .x-form-file-text {
color:#777777;
left:0;
position:absolute;
z-index:3;
}

.x-form-file-wrap {
height:22px;
position:relative;
}

.progress {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #000000;
	background-color: #000000;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity:0.80;
	color: white;
	font-size: 18px;
	font-weight: bold;
	/*height: 60px;*/
	left: 50%;
	top: 40%;
	line-height: 30px;
	position: fixed;
	text-align: center;
	z-index:1000;
	padding:20px 40px;
}

ul.sign-in-menu a {color: #a91a25!important;display:block;}
ul.sign-in-menu li.sfHover a {color: #fff!important;text-decoration:none;}
ul.sign-in-menu li.sfHover li a {font-weight:bold;}
ul.sign-in-menu li li {background:none repeat scroll 0 0 #0575E1;padding:10px 10px 0 10px;}
ul.sign-in-menu li li.lastmenu {padding-bottom:10px!important;}
ul.sign-in-menu li.sfHover ul {top:21px;}
ul.sign-in-menu a.sf-with-ul {padding:5px 7px;width:50px;}
ul.sign-in-menu li li a {color:#fff!important;}
ul.sign-in-menu li.sfHover a.sf-with-ul {background-color:#0575E1;text-decoration:none;}
ul.sign-in-menu a.sf-with-ul span {background:none;}
ul.sign-in-menu li:hover ul, .sign-in-menu li.sfHover ul {left:-116px!important;}
ul.sign-in-menu{padding:10px 0;}

#journals div {margin-bottom:15px;}
#journals div img {margin-right:10px;}
#headerLinks .menuItem img {height:19px;}