*----------------------------------------------------------------------------- */
/* TN-Express Specific values
----------------------------------------------------------------------------- */

/* SYOS Required Styles */
#syosSwfContainer { width: 80%; height:477px; 
min-width:650px; /* swf size */
}
object { outline:none; /* disable swf outline in firefox */ }
      
/* color classes */
/****************************************************/
.c1 {color:#D40600;} /* was : #F15E48 */
.c2 {color: #6B6B6B;} /* was : #253c6a */
.c3 {color: #666666;} /* was : #6b6b6b */
.c4 {color: #999999;} /* e2e3e3 */
.w {color: #ffffff;}
.b {color: #000000;}

.bgC1 {background-color: #D40600;}
.bgC2 {background-color: #6B6B6B;}
.bgC3 {background-color: #666666;}
.bgC4 {background-color: #999999;}
.bgW {background-color: #ffffff;}
.bgB {background-color: #000000;}

/* font classes */
/****************************************************/
.smaller {font-family:Arial, Helvetica, sans-serif; font-size:8px; font-weight:normal; line-height: 10px; }
.small {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height: 12px; }
.medium {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 14px; }
.large {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height: 16px; }
.larger {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; line-height: 18px; }
.huge {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; line-height: 26px; }


/* border classes */
/****************************************************/
.bLeft{ border-left: 1px solid #999999}
.bRight{ border-right: 1px solid #999999}
.bTop{ border-top: 1px solid #999999}
.bBottom{ border-bottom: 1px solid #999999}
.bAll{ border: 1px solid #999999}

/* login page tab styles */
/* tab: bLeft bTop bRight medium bgW */
.tab { border-left: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; background: #EFEFEF; }
.tabSelected { border-left: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; background: #FFFFFF; }
.tabLink { color: #D40600; }
.tabLink:hover { color: #6B6B6B; }


/* calendar styles -- needs cleanup */
/* text calendar styles */
.calendarDay, .calendarDate { text-transform: uppercase; font-weight: bold; display:inline-block; float:left; text-align:center; width: 30px; } 
.calendarDate { font-size: 20px; } 

/* calendar div positioning */
#calendarContain, #calendarNav { position: relative; display: block; float: none; padding: 7px;   }
#calendarContain { overflow: auto; min-height: 300px;  }
#boxContain, #textContain { position: absolute; left: 0px; top: 0px; visibility: visible; height: inherit; }
#disp { left: 0px; top: 0px; }
#disp_perfs, #disp_calendar { display: block; float: left; }

/* adding 8.15.09: perf day on, off -- easier to manage than to change in code each time TNEW licensee needs customized */
.perfDayOn { border: 1px solid #999999; background-color: #666666; color: #FFFFFF; font-size:12px; line-height: 14px; cursor:pointer; } /*bgC3-or-bgC2 cw bAll medium linkPointer*/
.perfDayOff { border: 1px solid #999999; background-color: #D40600; color: #FFFFFF; font-size:12px; line-height: 14px;} /*bgC1 bAll medium c4*/

/* error style */
/****************************************************/
.errorLabel
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color: #D40600;
	background-color: #eeeeee;
	margin-top: 20px;
	margin-bottom: 20px;
}

.errDiv 
{
	border-top: 1px solid #D40600;
	border-bottom: 1px solid #D40600;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #D40600;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* button style */
/****************************************************/
.btnStyle
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:normal;
	color: #333333;
	background-color: #ffffff;
	border: solid 1px #999999;
	text-align: center;
}

.btnStyleInactive
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:normal;
	color: #999999;
	background-color: #CCCCCC;
	border: solid 1px #999999;
	text-align: center;
}


/* text, drop down field style */
/****************************************************/
.txtBox 
{
	border: solid 1px #999999;
	color: #333333;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
.txtBoxDisabled 
{
	color: #6F6F6F;
	background-color: #CCCCCC;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
}

/* more info link style */
/****************************************************/
.moreInfo
{ 
	color: #D40600;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}

.moreInfo:hover
{ 
	color: #000000;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}

/* small purchaselink style */
/****************************************************/
.purchaseSmall
{ 
	color: #D40600;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}

.purchaseSmall:hover
{ 
	color: #000000;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}

/* large purchaselink styles */
/****************************************************/
.purchaseLarge
{ 
	color: #D40600;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:700;
}

.purchaseLarge:hover
{ 
	color: #000000;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:700;
}

/* change event styles */
/****************************************************/
.changeEvent
{ 
	color: #D40600;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:700;
}

.changeEvent:hover
{ 
	color: #000000;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:700;
}


/* Cart Styles */
/****************************************************/
.cart
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #990000;
}
.cart TH
{
	background-color: #D40600;
	color: #990000;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
.lineitem TH
{
	background-color: #FFFFFF ! important;
	font-size: 11px ! important; 
	font-weight: bold; 
	text-decoration: underline;
}
.lineitem2 { background-color: #D40600; }
.lineitem1 { background-color: #D40600; }
.lineitemAlternate { color: #333333; }
.lineitemTopBorder { border-top: 1px solid #990000; }
.lineitemHide { color: #ffffff; }


/* jQuery Dialog Window */
/****************************************************/
.ui-dialog { position: relative; padding: .2em; width: 400px; background-color: #FFFFFF; border: 1px solid #D40600; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333;  }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; background-color: #666666; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; color: #FFFFFF; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 15px; margin: -10px 0 10px 0; padding: 1px; height: 15px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; color: #333333; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; color: #D40600; }
.ui-dialog .ui-dialog-buttonpane button { float: right; cursor: pointer; width:auto; overflow:visible; color: #666666; font-size:10px; font-weight: bold;  }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
#prodText, #pText { text-align: left; }