﻿
/* IMA Program CSS*/
/* Home page*/
.ima_callout_bg { background-image:url('/cstore/images/login_pos.jpg');background-repeat:no-repeat; height:239px; width:217px;}
.ima_callout_text {font-family: helvetica, arial, verdana, sans-serif ; font-size: 18px;  font-weight: normal; color: White; text-decoration: none;}
.ima_callout_text a{font-family: helvetica, arial, verdana, sans-serif ; font-size: 18px;  font-weight: bold; color: White; text-decoration: underline;}
.ima_callout_text a:hover{font-family: helvetica, arial, verdana, sans-serif ; font-size: 18px;  font-weight: bold; color: White; text-decoration: underline;}


/* IMA global */

#ima_container { position:relative; }
#ima_content { position:relative; width:740px; margin:10px 10px 10px 10px; }
#ima_content_left { float:left;position:relative; width:163px; margin-right:15px; }
.ima_content_left { float:left;position:relative; width:163px; margin-right:15px; }
#ima_enroll_content_left { float:left;position:relative; width:230px; margin-right:15px; }
#ima_content_main { float:left;position:relative; width:550px; }
#ima_enroll_content_main { float:left;position:relative; width:450px; }

.spacer {height:10px;}
/* help box - top right in content*/
#ima_content_helpbox  {position:absolute;float:left; width:250px; left:305px;margin:8px 0px 10px 10px;}
.helpbox_logout {text-align:right;margin-bottom:2px;}
.helpbox_help {height:15px;text-align:right;float:right;}
#helpbox_image {float:left;vertical-align:bottom; line-height:15px;}
#helpbox_text {float:left;vertical-align:top;line-height:15px;}
#main_content_text {width:550px;}
.main_content_text {width:550px;}


.marg_bottom10 {margin-bottom:10px;}



/* IMA Navigation */
#ima_navigation { position:relative;width:760px;height:20px; background-color:#CFE2F0; }
.ima_nav_left {float:left; padding-top:1px;margin-left:10px; vertical-align:middle;}
.ima_nav_left_text {font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #333333; text-decoration: none;}
a.ima_nav_left_text {font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #333333; text-decoration: none;}
.ima_nav_right {float:right; margin-right:10px;font-family: helvetica, arial, verdana, sans-serif ; font-size: 11px; font-weight: normal; text-decoration: none; vertical-align:middle;}
.ima_nav_right a{ text-decoration:none; font-weight:bold; vertical-align:middle;}

ul#ima_nav {list-style: none;margin: 0;	padding: 0;	vertical-align:middle;}
ul#ima_nav li {	float: left;display: inline;margin: 0px;padding-right:0px;padding-left:6px;overflow: hidden;vertical-align:middle;height:19px;padding-top:1px;}

ul#ima_nav li.first a {	color: #6a95b8;}
ul#ima_nav li.first a:hover {color: #333333;}

ul#ima_nav li.second a {color: #6a95b8;}
ul#ima_nav li.second a:hover {color: #333333;}

ul#ima_nav li.third a {color: #6a95b8;}
ul#ima_nav li.third a:hover {color: #333333;}

ul#ima_nav li.fourth a {color: #6a95b8;}
ul#ima_nav li.fourth a:hover {color: #333333;}

ul#ima_nav li.fifth a {color: #6a95b8;}
ul#ima_nav li.fifth a:hover {color: #333333;}

ul#ima_nav li.first-active a {color: #333333;}
ul#ima_nav li.second-active a {color: #333333;}
ul#ima_nav li.third-active a {color: #333333;}
ul#ima_nav li.fourth-active a {color: #333333;}
ul#ima_nav li.fifth-active a {color: #333333;}

.ima_nav_off {font-family: helvetica, arial, verdana, sans-serif ; font-size: 11px;  font-weight: bold; color: #969696; text-decoration: none;}

	/* IMA Side Nav*/
#ima_sidenav { position:relative; width:163px; height:250px;}
.sidenavitems { margin-left:3px;width:150px;height:120px; }

ul#sidenav { list-style-type:none; margin: 0; padding: 0; height: 24px;}

ul#sidenav li {	display: list-item;height: 24px;margin: 0px;}

ul#sidenav li a {display: list-item;height: 24px;}

ul#sidenav li a {display: list-item;height: 24px;margin: 0px;overflow: hidden;}


/* Fonts */

.text { font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: normal; color: #333333; text-decoration: none; line-height: 1.5;}
.text a	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: normal; color: #6A95B8; text-decoration: none; line-height: 1.5;}
.text a:hover		{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: normal; color: #333333; text-decoration: none; line-height: 1.5;}

.textboldblack { font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #333333; text-decoration: underline; line-height: 1.5;}
.textboldblack a { font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #333333; text-decoration: underline; line-height: 1.5;}
.textboldblack a:hover	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #333333; text-decoration: underline; line-height: 1.5;}

.boldtext13 { font-family: helvetica, arial, verdana, sans-serif ; font-size: 13px;  font-weight: bold; color: #333333; text-decoration: none;  }
a.boldtext13	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 13px;  font-weight: bold; color: #6A95B8; text-decoration: none; }
a.boldtext13:hover{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 13px;  font-weight: bold; color: #333333; text-decoration: none;}

.normaltext { font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: normal; color: #333333; text-decoration: none;}
a.normaltext 	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: normal; color: #6A95B8; text-decoration: none;}
a.normaltext:hover	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: normal; color: #333333; text-decoration: none;}

.faq_subhead { font-family: helvetica, arial, verdana, sans-serif ; font-size: 14px;  font-weight: bold; color: #333333; text-decoration: none;  }
.faq {color: #6A95B8;}
a.faq {text-decoration:underline;}
.faq_dash { font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: normal; color: #6A95B8; text-decoration: none; line-height: 1.5;}

.huge_headline {font-family: helvetica, arial, verdana, sans-serif ; font-size: 24px; font-weight: bold; text-decoration: none;}

.login_headline {font-family: helvetica, arial, verdana, sans-serif ; color: #103E79; font-size: 18px; font-weight: bold; text-decoration: none;}

.fca_headline {font-family: helvetica, arial, verdana, sans-serif ; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 20px; }

#main_headline {font-family: helvetica, arial, verdana, sans-serif ; font-size: 18px; font-weight: bold; text-decoration: none; margin-bottom:15px;}
.main_headline {font-family: helvetica, arial, verdana, sans-serif ; font-size: 18px; font-weight: bold; text-decoration: none; margin-bottom:15px;}

.main_headline_lesspadding {font-family: helvetica, arial, verdana, sans-serif ; font-size: 18px; font-weight: bold; text-decoration: none; margin-bottom:5px;}
.textlink { font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: normal; color: #6A95B8; text-decoration: none; line-height:12px;}
	/*Side nav off/on state*/
.boldtexton { font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #333333; text-decoration: none;  }
a.boldtexton	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #6A95B8; text-decoration: none; }
a.boldtexton:hover{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #333333; text-decoration: none;}

.boldtextoff { font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #333333; text-decoration: none;  }
a.boldtextoff	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #333333; text-decoration: none; }
a.boldtextoff:hover{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #333333; text-decoration: none;}

.boldtextgrey { font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #CCCCCC; text-decoration: none;  }
a.boldtextgrey	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #CCCCCC; text-decoration: none; }
a.boldtextgrey:hover{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #CCCCCC; text-decoration: none;}


	/* small text with larger line height*/
.smalltext { font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: normal; color: #333333; text-decoration: none; line-height:15px; }
a.smalltext	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: normal; color: #6A95B8; text-decoration: none; line-height:15px;}
a.smalltext:hover{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: normal; color: #333333; text-decoration: none;line-height:15px;}

	/* small text with normal line height*/
.smalltext_normal { font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: normal; color: #333333; text-decoration: none; line-height:12px; }
a.smalltext_normal	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: normal; color: #6A95B8; text-decoration: none; line-height:12px;}
a.smalltext_normal:hover{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: normal; color: #333333; text-decoration: none;line-height:12px;}
.div_smalltext_normal{ margin-top:2px;margin-left:20px; font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: normal; color: #333333; text-decoration: none; line-height:12px; }

.smalltextbold { font-family: helvetica, arial, verdana, sans-serif ; font-size: 11px;  font-weight: bold; color: #333333; text-decoration: none; line-height:11px; }
a.smalltextbold	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 11px;  font-weight: bold; color: #6A95B8; text-decoration: none; line-height:11px;}
a.smalltextbold:hover{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 11px;  font-weight: bold; color: #333333; text-decoration: none;line-height:11px;}

.bold_16 {font-family: helvetica, arial, verdana, sans-serif ; font-size: 16px; font-weight: bold; text-decoration: none; }

/* greyed out text for forgot user name page*/

.boldtext_disabled { font-family: helvetica, arial, sans-serif ; font-size: 12px;  font-weight: bold; color: #777777; text-decoration: none; line-height: 1.5;}
.smalltextbold_disabled { font-family: helvetica, arial, verdana, sans-serif ; font-size: 11px;  font-weight: bold; color: #777777; text-decoration: none; line-height:11px; }

/* Login - Registration pages*/
.login_fca {margin-top:40px; background-color:#e3f2fc; padding: 10px; }
.login_fca_bottom {margin-top:5px; padding: 10px; }
.login_fca_highlight { font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: bold; color: #6A95B8; text-decoration: underline; }
.login_fca_highlight_small { font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: bold; color: #6A95B8; text-decoration: none;}
.login_pos_example_text { font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: normal; color: #AAAAAA; text-decoration: none; text-align:center; }

#ima_reg1_leftbox{float:left;width:200px;height:100%;margin-right:10px; background-color:#FFF9C9; padding:8px;}
#ima_reg1_rightbox{float:left;width:308px;height:100%; background-color:#FFF9C9; padding:8px;}

#ima_enroll1_leftbox{float:left;width:200px;height:100%;margin-right:10px; background-color:#FFF9C9; padding:8px;}
#ima_activate1_rightbox{float:left;width:308px;height:100%; background-color:#FFF9C9; padding:8px;}


.login_div_text {width:60px;float:left;height:20px;}
.login_div_text_bot {float:left;height:12px;}
.smallentrytext {margin-right:2px;margin-left:2px;font-family: helvetica, arial, verdana, sans-serif ; font-size: 10px;  font-weight: normal; color: #333333; text-decoration: none; line-height:15px;}

.login_div_entry{float:left;width:165px;}
.enroll_div_entry{float:left;width:185px;}


.pos-btns { width:110px; height:80px; border-style:none; margin-right:25px;}
.action-buttons{ width:105px; height:35px; margin-right:30px;}


/* My Store Main */
.text_head_fca {font-family: helvetica, arial, verdana, sans-serif ; font-size: 14px;  font-weight: bold; color: #333333; text-decoration: none;padding-top:4px; }

.ima_mystore_fca {width:206px;padding-right:10px;float:left;}
.ima_mystore_fca img {float:left; margin-right:6px; margin-bottom: 20px;}
.ima_pos_fca {width:182px;padding-right:8px;float:left;}
.ima_pos_fca img {float:left; margin-right:6px;}
.ima_help_fca {width:142px;padding-right:8px;float:left;}
.ima_help_fca img {float:left; margin-right:6px;}

ul#mystorehome { list-style-type:disc; margin: 0; padding: 0; height: 16px;}
ul#mystorehome li {	display: list-item;height: 16px;margin: 0;padding: 0;}


/* Store Profile page */
.boldtextaddress { font-family: helvetica, arial, sans-serif ; font-size: 14px;  font-weight: bold; color: #333333; text-decoration: none; line-height: 1.5;}
.profile_datarow_entry {margin-bottom:20px;float:left;}	
.profile_datarow_entry_col1 {width:93px;float:left;}
.profile_datarow_entry_col2 {width:440px;float:left;}

.profile_datarow_display {margin-bottom:5px;margin-top:5px;float:left;}	
.profile_datarow_display_col1 {width:93px;float:left;}
.profile_datarow_display_col2 {width:440px;float:left;}

.address_line {font-size: 14px; }

/* Add a Store page */
.addstore_datarow_entry {margin-bottom:5px;float:left;}	
.addstore_datarow_entry_col1 {width:93px;float:left;}
.addstore_datarow_entry_col2 {width:340px;float:right;}

.inputUniqueID1	{margin-right:3px; width:45px;}
.inputUniqueID	{margin-right:3px;margin-left:3px; width:45px;}


/* Track POS page*/
.divTrack {margin: 0; padding: 0; height: 30px;line-height:30px;}
.divTrackAll {margin: 0; padding: 0; height: 30px;line-height:30px;}
ul#track_tabs { list-style:none; margin: 0; padding: 0; height: 30px; line-height:30px;}
ul#track_tabs li {display: inline;height: 30px;margin: 0px;padding: 0;line-height:30px;float:left;}

.track_img {float:left;padding:0;margin:0;}

/*Suppliers*/
#suppliers_search {height:40px;width:530px;background-color:#ddeaf4;padding:5px;}
#suppliers_search_state {float:left;width:230px;}
#suppliers_search_city {float:left;width:165px;}
#suppliers_search_submit {float:left;width:115px;padding-top:7px;margin-left:20px;}

/* IMA Purchase */
.upsell_headline { font-family: Arial Black sans-serif ; letter-spacing: .1px; font-size: 14px;  font-weight: bold; color: #333333; text-decoration: none; line-height: 1.5;}
.upsell { font-family: helvetica, arial, sans-serif ; font-size: 14px;  font-weight: bold; color: #333333; text-decoration: none; line-height: 1.5;}
.upsell a	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 14px;  font-weight: bold; color: #6A95B8; text-decoration: none; line-height: 1.5;}
.upsell a:hover		{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 14px;  font-weight: bold; color: #333333; text-decoration: none; line-height: 1.5;}

/* Validation Summary */
.valsummary {
 color: red;
 font-size:10px;
 margin: 0px 0px;
 padding: 5px;
}

.valsummary ul {
 margin: 0;
 padding: 0;
 margin-left: 40px;
 
}

.errormessage {font-size:10px;color:Red; margin-top:5px; }
.errormessage a {font-size:10px;color:Red; margin-top:5px;  text-decoration:underline;}
.errormessage a:hover {font-size:10px;color:Red; margin-top:5px;  text-decoration:underline;}

 .progresspanel
{	
    background-color: White;
    width: 540px;
    height: 150px;                                              
    opacity:0.4;
    filter:alpha(opacity=40);                                               
    text-align:center;                                            
    position: absolute;   
    z-index: 999;    
    margin-left: -5px;  
    margin-top: -5px;         
    padding-top: 10px;
}

#subbutton
{
	margin-left: 0px;
}

#subbuttonprocessing
{
	margin-left: 30px;
}

#subbuttonwskip
{
	float: left;
}

#subbuttonprocessingwskip
{
	float: left; 
	display: none; 
	width: 105px; 
	margin-left: 30px;
}
#subbuttonprocessingprofile
{
	
	margin-right: 35px;
}

.subbutton
{
	margin-left: 0px;
}

.subbuttonprocessing
{
	margin-left: 30px;
}

.subbuttonwskip
{
	float: left;
}

.subbuttonprocessingwskip
{
	float: left; 
	display: none; 
	width: 105px; 
	margin-left: 30px;
}


.tracking { font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: normal; color: #333333; text-decoration: none; line-height:12px; }
a.tracking	{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: normal; color: #6A95B8; text-decoration: none; line-height:12px;}
a.tracking:hover{ font-family: helvetica, arial, verdana, sans-serif ; font-size: 12px;  font-weight: normal; color: #333333; text-decoration: none;line-height:12px;}

.tooltip	{
	width: 250px;
	border: 5px solid #CFE2F0;
	background-color: #ffffff;
	color: #333333;
	padding: 10px;
	z-index: 10;
}	

.tooltip2	{
	width: 250px;
	border: 5px solid #CFE2F0;
	background-color: #ffffff;
	color: #333333;
	padding: 10px;
	z-index: 10;
	visibility: hidden;
	position: absolute;
}	
.shadow		        { position: relative;  visibility: hidden; }


.trow { display: table-row;}

.clubtleft { width: 150px; }

.clubtright {  }

.clear{ clear:both;}

/*******  Account Activation Steps   *******/
#activation_steps
{
	padding:10px 0px 0px 25px;
}
#activation_steps ul 
{
	
}
#activation_headline 
{
	padding:5px 0px 0px 25px;
}
#activation_content_text 
{
	padding:0px 0px 0px 25px;
}
#activation_box1 
{
	background-color:#FFF9C9;
	float:left;
	width:450px;
	font-size:11px;
	color:Gray;
	padding-bottom:20px;
}

.ativation_box_subhead
{
	color:Black;	
	font-size:16px;
}

#activation_bluebox1
{
	background-color:#DBEEFC;
	float:left;
	width:450px;
	font-size:11px;
	padding-bottom:10px;
}

.radlist label
{
	margin-left: 5px;
}