/* ================= Temp -- Need to integrate ======================= */

.head { font-weight: bold}
.labels { font-weight: bold; color: #00467C; font-style: normal}
.barhead { font-weight: bold; color: #FFFFFF}
.blackbarhead { font-weight: bold; color: #000000}
.pagetitle { 
  color: #666666;
  font-size: 1.7em;
  font-style: normal;
  font-weight:bold;
  line-height: normal;
  margin: 10px 0;
}
.description { font-weight: bold}
.moreinfo { font-weight: normal}
.moreinfo_sm { font-weight: normal}
.greybarhead { font-weight: bold; color: #000000}
.login { font-weight: bold; color: #00467C; font-style: normal; text-decoration:none}
.reginstruct { font-style: italic; font-weight: normal; color: #336699}
.status1 { font-weight: bold; color: #999999}
.status_on { font-weight: bold; color: #00467C; text-decoration: underline}
.statusunavail { font-weight: bold; color: #999999}
.status_unavail { font-weight: bold; color: #999999}
.statusnotvisit { font-weight: bold; color: #999999}
.checkoutstatus { font-weight: normal; color: #1A507A}
.minicartqty {
	 font-weight: bold;
}
.minicartdesc {
	 font-weight: bold; color: #225588;
}
a.productnav {
	text-decoration: underline;
	color: #225588;
	font-weight : bold;
}
a.productnav:visited {color:#225588;}
a.productnav:hover {color:#225588;}


.insurance { color: #FFFFFF; text-decoration:none; }
.insvalue { color: #000000; text-decoration:none; }
a.insnav { text-decoration:none; color: #FFFFFF;}
a.insnav:visited { color:#FFFFFF;}
a.insnav:hover { color:#FFFFFF; text-decoration: underline}

/* ================= MMStore ======================= */
UL {
	list-style-type: disc;
	color: #225588;
}

OL {
	list-style-type: decimal;
	color: #225588;
}

/* === Portal Styles === */

/* Use for the background color of the portal header */
.headerBgColor {  background-color: #FFFFFF}

/* Tab background color */
.titlebar{ background-color: #eeeeee; }

/* Used when tabs are being displayed as text vs GIFs */
.tabselected{
	font-family:Tahoma,Helvetica,Verdana,Arial,sans-serif;
	font-size:9pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none; 
	vertical-align: middle;
}
.tabunselected{
	font-family:Tahoma,Helvetica,Verdana,Arial,sans-serif;
	font-size:9pt;
	font-weight: bold;
	color: #0863D8;
	text-decoration: none; 
	vertical-align: middle;
}

.homebackground { background-color: #FFFFFF; }
.contentbgcolor { background-color: #FFFFFF; }

/* === Portlet Styles ==== */

.portletcontainer {
	background-color: #FFFFFF;
}
.portletcontainerBlended {
	background-color: #FFFFFF;
}

.portlettitlebar{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
}
/* exact duplicate of .portlettitlebar until we convert completely to .portlettitlebar */
.portletheading{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
}
.portletbanner{
	color: #0C136B;
	font-weight: bold;
}
.portletheader{
	color: #0C136B;
	font-weight: bold;
}



/* ================= Content ======================= */

/* style used for content/page heading */
.pageheader{
  COLOR:#000000;
  LINE-HEIGHT: 18pt;
  FONT-SIZE:14pt;
  FONT-WEIGHT:bold;
}

/* use for any instructional text */
.instructions{
  COLOR:#000000;
  FONT-SIZE:9pt;
}

.contentheading{
	color: #0C136B;
	FONT-SIZE:12pt;
	font-weight: bold;
}
.contentsubheading{
	color: #0C136B;
	font-weight: bold;
}
.minortext{
	font-size:8pt;
}
.headerlink{
	FONT-SIZE:12pt;
	font-weight: bold;
}

/* use for any error message text */
.errorMessage{
	COLOR:red;
}

/* use for any success message text */
.successMessage{
	COLOR:green;
}


/* Use for lists where we want the row colors to be the same each row. */
.row {
  BACKGROUND-COLOR: white;
}

/* Use for multi-coloumn lists where we want the row colors to be different each row. */
.row1 {
  BACKGROUND-COLOR: white;
}

/* Use for multi-coloumn lists where we want the row colors to be different each row. */
.row2 {
  BACKGROUND-COLOR: lightgrey;
}

/* Use for adding space at end of line items list. */
.spacerRow {
  BACKGROUND-COLOR: white;
  HEIGHT: 10px;
}

/* Use for adding space at end of line items list. */
.emptyRow {
  HEIGHT: 15px;
}


form {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}


/* Use for all labels that are associated with some sort of input field. */
.fieldlabel{
  TEXT-ALIGN: right;
}

.priorityLow {
  color:blue;
  FONT-WEIGHT:bold;
}
.priorityMedium {
  color:goldenrod;
  FONT-WEIGHT:bold;
}
.priorityHigh {
  color:red;
  FONT-WEIGHT:bold;
}
.listHighlight {
  BACKGROUND-COLOR: #769BDF; 
}
.reportHeader {
	font-size:8pt;
	BACKGROUND-COLOR: #769BDF;
}
.reportSection {
  BACKGROUND-COLOR: silver;
}




.payment_method {
	font-weight:bold;
}

.label {
	font-weight:bold;
}

select {
	margin-bottom:5px;
}

input {
	border:1px solid #bbb;
}

.input_radio, .input_image {
	border:0;
}

.paymentType td {
	height:35px;
}

.paymentType a {
	color:#000000;
}

.paymentType select {
	vertical-align:middle;
}

.select {
	background: white;
	color: black; 
	font-family: Arial;
}

.expires {
	padding-right:5px;
}

.expired {
	color:#990000;
	padding-left:5px;
}

label {
	margin-right:8px;
}

#paymentMethods .expanded_table td {
	border:0;
	height:27px;
}

#paymentMethods .container_table td {
	border:0;
}

.payment_info {
	display:auto;
}

.payment_info td {
	border-bottom:1px solid #000000;
}

.payment_btns {
	padding-right:5px;
}

.hidden {
	display:none;	
}

.payment_form td, .payment_form.zero_case td, .add_new td {
	border-bottom:1px solid #000000;
}

#paymentMethods tbody {
	background-color:#FFFFFF;
}

#paymentMethods .highlighted {
	background-color:#FFFFDD;
}

.expand_remove_btn {
	margin-right:5px;
}

.addnew_label {
	color:#003366;
	text-decoration:underline;
}

.full_payments_msg.hidden {
	display:none;
}

.add_new.no_border td, .add_new.zero_case td {
	border:0;
}

.payment_selection {
	margin-bottom:0;
}

.cc_address_title, .ach_address_title {
	padding:0 0 10px 0;
}

.cc_address_zip, .ach_address_zip {
	padding-bottom:20px;
}

.cc_zip, .ach_zip {
	padding-bottom:10px;
}

.error_msg {
	width:425px;
	border:2px solid #FC0;
	border-left:12px solid #FC0;
	padding:4px 8px 4px 8px;
	margin:0 0 5px 100px;
	background:#FFD;
}

.error_field select, .error_field input {
	background-color:#FCC;
}

.check_graphic {
	margin-top:20px;
}

.check_blurb {
	padding:0 10px 0 10px;
}

.check_blurb p {
	font-size:11px;
}

.required_fields {
	padding-top:40px;
	padding-bottom:30px;
}

.required {
	padding:85px 0 0 20px;
}

.check_required {
	padding:0 0 0 20px;
}

#ach_disclaimer {
	width:450px;
	border:1px solid #000000;
	margin-top:75px;
}

#ach_disclaimer h5 {
	margin:20px 28px 20px 28px;
	font-size:10px;
	font-weight:normal;
}

#ach_disclaimer_btns {
	width:350px;
	margin:25px 0 40px 0;
}

#ach_disclaimer_accept {
	float:left;
}

#ach_disclaimer_decline {
	float:right;
}

.warning_text{
color:#FF9900;
font-size:100%;
font-weight:bold;
text-align:center;
}

.warning_box{
border:2px dashed #FF9900;
}

/* Property-specific navigation bar */
ul#store_topnav {
	background:url(../images/topnav_bg.png) repeat-x;
	clear:both;
	height:27px;
	margin:0;
	padding:0;
	position:relative;
	width: 100%;
}

ul#store_topnav li {
	display: inline;
	position: absolute;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

ul#store_topnav li a {
	display: block;
	background: url(../images/image_topnav_store.png) no-repeat;
}

ul#store_topnav li, ul#store_topnav a {
	height: 27px;
	display: block;
	list-style: none;
}

ul#store_topnav li#home {
	left: 0;
	width: 65px;
}

ul#store_topnav li#home a:hover {
	background-position: 0 -27px;
}

ul#store_topnav li#home.active a {
	background-position: 0 -27px;
}

ul#store_topnav li#products {
	left: 65px;
	width: 88px;
}

ul#store_topnav li#products a {
	background-position: -65px 0;
}

ul#store_topnav li#products a:hover {
	background-position: -65px -27px;
}

ul#store_topnav li#products.active a {
	background-position: -65px -27px;
}

ul#store_topnav li#cart {
	left:153px;
	width:124px;
}

ul#store_topnav li#cart a {
	background-position:-153px 0;
}

ul#store_topnav li#cart a:hover {
	background-position:-153px -27px;
}

ul#store_topnav li#cart.active a {
	background-position:-153px -27px;
}


ul#store_topnav li#supply {
	left:277px;
	width:144px;
}

ul#store_topnav li#supply a {
	background-position:-277px 0;
}

ul#store_topnav li#supply a:hover {
	background-position:-277px -27px;
}

ul#store_topnav li#supply.active a {
	background-position:-277px -27px;
}

ul#store_topnav li#history {
	left:421px;
	width:117px;
}

ul#store_topnav li#history a {
	background-position:-421px 0;
}

ul#store_topnav li#history a:hover {
	background-position:-421px -27px;
}

ul#store_topnav li#history.active a {
	background-position:-421px -27px;
}

ul#store_topnav li#Administration {
	left:538px;
	text-indent: 0;
}

ul#store_topnav li#Administration a {
	background-position:-538px 0;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 8px 0 8px;
}

ul#store_topnav li#Administration a:hover {
	background-position:-538px -27px;
}

ul#store_topnav li#Administration.active a {
	background-position:-538px -27px;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 76%;
}

table {
  font-size: 1.0em;
}

#header a, #portal_body a, #header a:visited, #portal_body a:visited { 
	color: #2a4184;
	text-decoration: none;
}

a.logo {
	background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
	float: left;
	height:82px;
	margin-left: 14px;
	text-indent: -999em;
	width:250px; 
}

a.logo:hover {
	background-position:0 -82px;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

li {
	display: inline;
}

ul {
	list-style: none;
}

#branding {
	background: white;
	padding: 11px 21px 8px 0;
}

#header {
	margin: 20px auto 0;
	text-align: center;
}

#portal_body {
	border: 1px solid #9b9b9b;
	border-bottom: none;
	clear: both;
	margin: 0 auto;
	padding: 0 1px;
}

/* All navigation lists */
#properties, #utilities, #login_button {
	margin: 0;
	padding: 0;
}

#properties li, #utilities li, #login_box li {
	margin: 0;
	padding: 0;
}

#properties li {
	float: left;
}

#properties a {
	display: block;
}


/* Site-wide properties tabs */
ul#properties {
	margin-left: 18.8em;
	width: 34.2em;
}

ul#properties li a {
	background: url(../images/tab_inactive.png) bottom left repeat-x;
	border: 1px solid #b8b8b8;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	color: #2a4184;
	font-weight: bold;
	padding: 8px 16px 4px;
}

ul#properties li.first a, ul#properties li.first a:hover {
	border-left: 1px solid #b8b8b8;
	padding-left: 15px;
}

ul#properties li a:hover {
	background: url(../images/tab_hover.png) repeat-x;
	border-left: none;
	padding-left: 17px;
}

ul#properties li.active a {
	border: 1px solid #9b9b9b;
	border-bottom: 1px solid white;
	border-left: none;
	background: url(../images/tab_active.png) repeat-x;
	color: #fa871a;
	padding-left: 16px;
}

ul#properties li.active {
	margin-bottom: -1px;
	border-bottom: 1px solid white;
}

/* Utities list */
ul#utilities {
	float: right;
	font-size: 0.9em;
	margin-top: 1.2em;
}

ul#utilities li {
	padding-left: 2px;
}

ul#utilities li.first, #welcome li.first {
	border-right: 1px solid #999;
	padding-right: 5px;
}

/* Login box */
#login_box {
	border: 1px solid #9b9b9b;
	margin-left: 315px;
	width: 48em;
}

#login_box * {
	margin: 0;
	padding: 0;
}

#login_box h1 {
	background: url(../images/tab_inactive.png) bottom left repeat-x;
	border-bottom: 1px solid #b8b8b8;
	color: #333;
	font-size: 1.0em;
	padding: 7px 0 3px 8px;
  white-space: nowrap;
}

#login_box label {
	color: #666;
  display: block;
  font-weight: bold;
	margin-bottom: 2px;
}

#login_box form div {
	float: left;
	margin-right: 25px;
}

#login_form {
	border-right: 1px solid #b8b8b8;
	float: left;
	width: 70%;
}

#login_form div a {
	font-size: 0.95em;
}

#login_form div input {
	display: block;
	margin-bottom: 4px;
  width: 100px;
}

#login_form form {
  float: left;
	margin: 1em 4.5em;
	margin-right: 0;
}

#login_form ul {
	float: left;
	padding: 1.0em 0 2.2em;
}

#login_form span.error {
	background: #daecd2;
	clear: both;
	color: #000;
	display: block;
	font-size: 0.8em;
	padding: 5px 10px;
}

#new_account {
	float: left;
	width: 29.8%;
}

#new_account ul {
	margin: 2.0em 1.5em 1.0em;
	text-align: center;
}

/* Login box buttons */
#login_box ul {
	clear: none;
}

#login_button input, #login_box ul a, #login_box ul a:visited, #login_box ul span {
	border-style: double;
	border-width: 3px;
	color: black;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	padding: 3px 8px 4px;
	white-space: nowrap;
	width: auto;
	text-transform: uppercase;
}

#login_button input, #login_box ul a {
	background: url(../images/button_blue.png) repeat-x;
	border-color: #9daac4;
	border-bottom-color: #576b90;
	border-top-color: #bbc4d6;
}

#login_box #new_account ul a, #login_box #new_account ul span {
	background: url(../images/button_green.png) repeat-x;
	border-color: #94da77;
	border-bottom-color: #6bb94c;
	border-top-color: #addf9a;
	padding: 4px 8px 5px;
}

#login_box ul a:active {
	border-color: #627296;
	border-bottom-color: #1f2e4c;
	border-top-color: #8897b4;
	padding: 4px 7px 3px 9px;
}

#new_account	ul a:active {
	border-color: #5db73b;
	border-bottom-color: #268815;
	border-top-color: #7cbf62;
 	padding: 4px 7px 3px 9px;
}


/* Logged in Dropdowns */
#header li img {
	margin-left: 3px;
	vertical-align: middle;
}

#header li ul {
	background: white;
	border: 1px solid #9b9b9b;
	left: -999em;
	margin-left: -1px;
	padding: 11px 12px 20px;
	position: absolute;
	text-align: left;
	width: 15em;
	z-index: 10;
}

#header li ul li, #header li ul li:hover {
	float: none;
	padding: 0;
	padding-top: 10px;
	margin:  0;

}

#header li:hover ul, #header li.sfhover ul {
	left: auto;
}

#header li ul a {
	background: none;
	border: none;
	border-bottom: 1px dotted #b8b8b8;
	color: #b8b8b8;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 5px 9px;
}

#header li ul a:hover {
	background: url(../images/dropdown_square.png) center left no-repeat;
	color: #2a4184;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 5px 9px;
}

/* Logged in Welcome */
#welcome {
	color: #333;
	margin-left: 315px;
	width: 48em;
}

#welcome p, #welcome ul {
	line-height: 7.5em;
}

#welcome p {
	display: inline;
	font-weight: bold;
	margin-left: 25px;
}

#welcome ul {
	display: inline;
	padding: 0;
}

#welcome li {
	margin-left: 5px;
}

#welcome li.first {
	padding-right: 8px;
}

#displayContent {
	width:59em;
	margin:0 auto;
}

#bodyContent {
	border: 1px solid #9b9b9b;
	border-top: none;
	margin-top: -1px;
	padding: 0 10px 10px;
}

#footerContent, #footerContent .footer {
	color: #666;
	font-size: 0.9em;
	margin: 10px auto;
	padding: 1px;
	padding-bottom: 25px;
}

#footerContent a {
	color: #666;
	text-decoration: none;
}

#footerContent ul {
  margin: 0;
  padding: 0;
}

#footerContent li {
  margin-left: 7px;
}

/* Left side promo area */
.promo {
  color: #cc3300;
  padding: 1px;
}

table.promo td {
  padding: 15px 0;
}

table.promo td p {
  font-size: 0.95em;
  margin: 0 10px;
}

/* Skins advert for holidays */
.skinsad {
	font-weight: bold;
	color: #5294bd;
	line-height: 1em;
}
.skinsad h1 em {
  color:#cc3300;
  font-style:normal;
}

/* Content for home page */
table.homebody {
	margin-left: 20px;
  text-align: left;
}

table.homebody dl {
  margin: 0;
  padding: 0;
}

table.homebody dd {
	margin: 2px 0 8px;
  padding-left: 20px;
}

table.homebody dt {
  font-weight: bold;
  padding-left: 20px;
}

table.homebody h1 {
  font-size: 1.5em;
}

table.homebody p.head {
  font-weight: normal;
  margin: 0;
  margin-bottom: 10px;
}

div.page_error {
  border: 1px solid #2b8815;
	font-weight: bold;
	margin: 15px 30px;

}

div.page_error div {
  border: 3px solid #9bfe6d;
  padding: 7px 9px;
}

.validStyle {background: white; color: black; font-family: Arial}
.invalidStyle {background: white; color: red; font-style: italic}

/* Body Content */
#bodyContent ul {
  color: black;
  padding-left: 1.2em;
}

#bodyContent li {
  display: list-item;
  list-style-type: disc;
}


/* =Feedback effect
-----------------------------------------------------------------*/
.alpha-shadow {
  background: url(../images/shadow1.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
	position: absolute;
}

.alpha-shadow div {
  background: url(../images/shadow2.png) no-repeat top left !important;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow p {
 background: url(../images/anim.gif) #fff 68px 50% no-repeat;
 border: 1px solid #333;
 color: #56B0D3;
 line-height: 32px;
 margin: 0;
 padding: 35px 68px 36px 110px;
}

a:active, a:focus {
  outline: none;
}

/* Requirements warning box */
div#warning, div#browser_warning {
  font-size: 1.2em;
  margin: 35px;
}

div#warning div, div#browser_warning div {
  padding: 20px 35px;
}

div#browser_warning li {
  display: block;
}

/* Search */
#search_box input {
  background:transparent none repeat scroll 0% 50%;
  border:0pt none;
  color:#666666;
  cursor: pointer;
  font-family:arial,helvetica,sans-serif;
  font-weight:bold;
  vertical-align:middle;
}

#search_box input#search {
	background: url(../images/search_field.jpg) top left repeat-x;
	border: 1px solid #ccc;
	cursor: text;
	margin-right: 4px;
	padding: 2px;
	padding-bottom: 0;
	vertical-align: middle;
  width:225px;
}  




/*
-----------------------------
=DIALOG
-----------------------------
*/
.ui-dialog {
  background: white;
  border: 1px solid black;
  padding: 0em;
}

.ui-dialog-title {
  height: 18px;
  color:#00568E;
  font-size:.95em;
  font-weight:bold;
  padding-top: 5px;
  padding-left: 6px;
}

.ui-dialog-titlebar {
  background-image:url("../images/titlebar_bkg.png");
  height: 18px;
  border-bottom: 1px solid #CCC;
  color:#00568E;
  font-weight:bold;
  padding-top: 5px;
  padding-left: 6px;
}

.ui-dialog-titlebar-close {
  background: url("../images/closewindow.png") 0 0 no-repeat;
  display: inline-block;
  height: 17px;
  width: 18px;
  position: absolute;
  right: 0.3em;
  top: 3px;
  text-indent: -999em;
}

.ui-dialog-content div {
  padding: 1em 2em;
}

.ui-dialog-content p {
  margin: 0;
  margin-top: 0.5em;
}

.ui-dialog-content h1 {
    color: #305E99;
    float: none;
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 0;
}

.ui-dialog-content h2 {
    color: #000;
    font-size: 1.0em;
    margin-top: 0.75em;
}


.ui-dialog-content ul {
    margin-bottom: 0;
}

.ui-dialog-content .close {
    text-align: center;
    padding: 0;
}

.ui-dialog-content .close a {
    font-size: 0.85em;
}

.ui-dialog-content dt {
    color: #333;
}

.ui-dialog-content dd {
    margin-left: 0;
}

.ui-widget-overlay {
    border-width: 0pt;
    margin: 0pt;
    padding: 0pt;
    position: absolute;
    top: 0pt;
    left: 0pt;
    background-color: black;
    opacity: 0.5;
}

.ui-dialog-buttonpane {
	margin: 0;
	margin-top: 0.5em;
	padding: 1em 2em;
}   

.ui-dialog button {
	width: auto;
	background: url("../images/button_blue.png") repeat-x;
	border-color: #9daac4;
	border-bottom-color: #576b90;
	border-top-color: #bbc4d6;
	border-style: double;
	border-width: 3px;
	color: black;
	cursor: pointer;
	font-weight: bold;
	margin: 0 3px;
	padding: 3px 8px 4px;
	text-transform: uppercase;
	white-space: nowrap;
}

.ui-dialog button:active {
	border-color: #627296;
	border-bottom-color: #8897b4;
	border-top-color: #1f2e4c;	
}


.ui-dialog button.expected {
	background: url("../images/button_green.png") repeat-x;
	border-color: #94da77;
	border-bottom-color: #6bb94c;
	border-top-color: #addf9a;
}

.ui-dialog button.expected:active {
	border-color: #5db73b;
	border-bottom-color: #7cbf62;
	border-top-color: #268815;	
}
span.my {
    font-style: italic;
}