/* Print Styles */
@import "/_inc/style.print.css" print;

/* Background and General Styles */
body { margin: 0 0 20px 0; padding: 0 0 0 0;
	background: #999999 url(/_images/background_gray.png) repeat-y scroll 50% 0%; color: #000000;
	font-family: verdana, tahoma, sans-serif; text-align: center; }
body, p, li, td { font-size: 12px; line-height: 1.5em; }
body.popup { width: auto; }

span.dddd { color: #AD161C; font-family: tahoma, sans-serif; }
span.dddd b { font-weight: bold; color: black; }

acronym, abbr { border-bottom: 1px dotted; cursor:help; }

.help div { text-align: left; margin:5px 5px 5px 5px; }

#constrictor { width: 718px; text-align: left; }

#header { font-size: 10px; }
	#header img { float: left; margin: 5px 0 0 0; }
	#header #header_top { float: right; padding: 0; width: 550px; background: white; color: black; }

	#header #header_nav { float: right; margin: 0 -2px 0 0; padding: 0 0 0 0; list-style-type: none; }
		#header #header_nav li { margin: 0 8px 0 0; display: inline; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; }
		#header #header_nav li a { padding: 3px 4px 3px 4px; background: #ffffff; color: #000000; text-decoration: none; }
		#header #header_nav li a:hover, #header #header_nav li a.active { background: #ae161c; color: #ffffff; }

#flash { margin: 5px 0 0 0;  height: 162px; }

.rightcolumn, td.rightcolumn { padding-left: 5px; }

.mainbox { margin: 5px 0 0 0; border: 1px solid #666666; }
	.mainbox h1 { margin: 0 0 10px 0; padding: 0 0 0 5px; font-family: arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 30px; color: #ffffff; background: #6281af; }
	.mainbox h2 { margin: 20px 5px 0 5px; padding: 0 0 0 0; font-family: arial, sans-serif; font-size: 10px; font-weight: bold; color: #000000; font-size: 12px; }
	.mainbox h2, .mainbox h2 a { color: #ae161c; }
	.mainbox h2 .extratitle { color: #000000; font-size: 10px; }
	.mainbox p { margin: 5px 5px 5px 5px; font-size: 10px; }
	.mainbox ul { margin: 5px 10px 5px 20px; font-size: 10px; }
	
		.mainbox .item { margin: 0 0 10px 0; background: url(/_images/gutter_background.png) top left repeat-y; }
		.mainbox .item h2 { margin-left: 0; margin-top: 0; }
		.mainbox .item .gutter { color: #666666; font-family: arial, sans-serif; font-size: 30px; }
		.mainbox .item .text { padding: 0 5px 0 0; background: none; }

.sidebarbox { margin: 5px 0 0 0; padding: 0 0 5px 0; font-size: 10px; }
	.darkgrey,   tr.darkgrey td   { background-color: #c3c3c3; color: #000000; }
	.lightgrey,  tr.lightgrey td  { background-color: #e9e9e9; color: #000000; }
	.darkred,    tr.darkred td    { background-color: #ae161c; color: #ffffff; }
	.lightred,   tr.lightred td   { background-color: #fbd2d3; color: #000000; }
	.darkblue,   tr.darkblue td   { background-color: #6281af; color: #ffffff; }
	.blue,       tr.blue td       { background-color: #6281af; color: #ffffff; }
	.white,      tr.white td      { background-color: #ffffff; color: #000000; }
	
	.bordergrey { border: 1px solid #c3c3c3; }
	.borderdarkred { border: 1px solid #ae161c; }
	
	.sidebarbox h2 { margin: 0 0 5px 0; padding: 0 5px 0 5px; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 23px; text-align: left; }
	.sidebarbox h3 { margin: 5px 0 5px 0; padding: 0 0 2px 3px; font-family: arial, sans-serif; font-size: 11px; font-weight: bold; text-align: left; background-color: #c3c3c3; }
	.sidebarbox p, ul { margin: 0 5px 0 5px; padding: 3px 3px 3px 5px; }
	.sidebarbox p.noborder { padding: 3px 0 0 5px; }

.franch_splash { border: none; }

#footer p { background: #000000; margin: 5px 0 0 0; padding: 5px 5px 5px 0; text-align: right; color: #ffffff; }

/* Global Styles */
img { border: none; }

a { color: #000000; cursor: pointer; text-decoration: underline; }
a.biglink { font-size: 12px; font-weight: bold; color: #ae161c; text-decoration: none; }
a.biglink img { margin-bottom: 2px; }
a.red { font-size: 12px; font-weight: bold; color: #ae161c; }

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.alert { color: #cc0000; }
.italic { font-style: italic; }

p.changed { border: 1px solid #990000; padding: 3px; background: #fbd2d3; color: #000000; }
p.confirmation { margin:5px 0 0 0; padding:3px; border:1px solid #a51d21; text-align:center; background-color:#f8d1d2; font-weight:bold; color:#a51d21; }

.spacetop, .mainbox .spacetop { margin-top: 20px; }
.spacebottom, .mainbox h2.spacebottom { margin-bottom: 20px; }

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

.big, p.big, .mainbox p.big { font-size: 12px; }
.bold, p.bold, .mainbox p.bold { font-weight: bold; }
.textred { color: #ae161c; }
.textblue { color: #6281af; }

.border { border: 1px solid #666666; }

hr { background: #ae161c; margin: 0 10px 0 10px; border: none; height: 2px; }

ul { list-style-type: disc; list-style-image: url(/_images/bullet.png); margin: 0 0 0 5px; padding: 0 0 0 12px; }
ul li { margin: 0 0 0 0; padding: 0 0 0 0; }
ul li.offsite { list-style-image: url(/_images/bullet_offsite.gif); }

ul.service_list, ul.service_list li { list-style-image: none; list-style-type: none; text-align: center; font-size: 12px; font-weight: bold; }

ul.navigation { margin: 5px 0 0 0; padding: 0 0 0 0; border-bottom: 2px solid #000000; list-style-type: none; list-style-image: none; }
ul.navigation li { margin: 0 0 0 0; padding: 0 0 0 0; border-top: 2px solid #000000; }
ul.navigation li.noborder { border: none; }
ul.navigation li a { display: block; margin: 0 0 0 0; padding: 2px 0 2px 0; font-weight: bold; text-decoration: none; width:100%; }
ul.navigation li a:hover { background: #fbd2d3; }
ul.navigation ul { overflow: visible; }
ul.navigation ul li { border: none; }
ul.navigation ul li a { padding-left: 2px; display: block; width:100%;}

ul.feeds { list-style-image: url(/_images/feedicon_li.png); margin-left: 20px; }

/* Form Styles */
form { margin: 0 0 0 0; padding: 0 0 0 0; }
.input {  background: #ffffff; color: #000000; border: 1px solid #000000; font-family: verdana, sans-serif; font-size: 10px; padding: 0 2px 0 2px; }
select.input { padding: 0; }
textarea.input { height: 100px; }
.button { background: #666666; color: #ffffff; border: 1px solid #000000; font-family: verdana, sans-serif; font-size: 10px; cursor: pointer; padding: 0; }
input.narrowest    { width: 25px; } input.narrower    { width: 50px; } input.narrowish { width: 75px; } input.narrow    { width: 100px; } input.normal    { width: 150px; } input.wide    { width: 200px; } input.wider    { width: 250px; } input.widest    { width: 90%; }
select.narrowest   { width: 31px; } select.narrower   { width: 56px; }                                  select.narrow   { width: 106px; } select.normal   { width: 156px; } select.wide   { width: 206px; } select.wider   { width: 256px; } select.widest   { width: 90%; }
textarea.narrowest { width: 25px; } textarea.narrower { width: 50px; }                                  textarea.narrow { width: 100px; } textarea.normal { width: 150px; } textarea.wide { width: 200px; } textarea.wider { width: 250px; } textarea.widest { width: 90%; }
textarea.short { height: 50px; } textarea.tall { height: 200px; }

div.waitingmessage { display:none; }
div.waitingmessage p { height: 36px; overflow: visible; }
div.waitingmessage img { float:left; margin-right:5px; }
div.actions p { text-align: right; }

/* Table Styles */
thead td, thead th, tr.header td, td.header, th { font-weight: bold; border-bottom: 1px solid #000000; font-size:11px; }
tfoot td, tr.footer td, td.footer { font-weight: bold; border-top: 1px solid #000000; font-size:11px; }
tr.highlight td, td.highlight { background: #e0e0e0; }
table.h_border tr td { border-bottom: 1px solid #000000; }
table.hoverable tr td,
  table tr.hoverable td { cursor: pointer; }
table.hoverable tr:hover td,
  table tr.hoverable:hover td { background: #f8d1d2; }
div.lightred table.hoverable tr:hover td,
  div.lightred table tr.hoverable:hover td { background: #ae161c; color:#ffffff; }
  
/* Monthpicker Styles */
table.monthpicker a {
	display: 			block;
	margin: 			0 1px 0 1px;
	height: 			14px;
	line-height: 		14px;
	font-size: 			10px;
	font-weight: 		bold;
	background: 		#cccccc;
	color: 				black;
	border: 			1px solid #666666;
	text-decoration: 	none;
}
table.monthpicker a.active,
table.monthpicker a:hover {
	background: 		#607da8;
	color: 				white;
}