/*-----------------------------------------------------------------------------
// file: reg.css
// date: 2005/07/03
// auth: Steve Yeung
// copy: (c) Copyright 2005 MaxMD Corp.
// desc: Contains styles that are used in the registration process.
//---------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/* general styles                                                             */

div.regContainer
{
  margin-bottom:        15px;
}

div.regContainerHeader
{
  padding:              2px 10px 2px 10px;
  font-weight:          bold;
  background-color:     #DCE2F1;
}

div.regContainerBody
{
  padding:              15px;
}

div.regContainerFooter
{
  float:                right;
}

div.regContainerHeader .sectionTitle
/* section title on the container header */
{
  float:                left;
}

div.regContainerHeader .sectionNotes
/* section notes on the container header */
{
  float:                right;
}

div.regSubContainer
{
  margin-bottom:        15px;
}

div.regSubContainerHeader
{
  padding:              2px 0px 2px 0px;
  font-weight:          bold;
  color:                #000077;
}

div.regSubContainerBody
{
  padding:              15px;
}

div.regSubContainerFooter
{
  float:                right;
}

div.regSubContainerHeader div.packageTitle
/* package title on regSubContainerHeader */
{
  float:                left;
}

div.regSubContainerHeader div.packagePrice
/* package price on regSubContainerHeader */
{
  float:                right;
  color:                #910831;
  font-style:           italic;
}

div.regFormFieldLabel
{
  width:                180px;  
}

div.regFormField

{
  width:                210px;
}

.regInputField

{
  width:                200px;
}

/*----------------------------------------------------------------------------*/
/* Copied from main.css */

div.row 
{
  /*border:               1px dotted #0000FF; */
}

div.row div.rowCell
{
  float:                left;
  /*border:               1px dotted #0000FF; */
}

div.row div.formFieldLabel
/* displaying form field label */
{
  float:                left;
  text-align:           right;
  padding:              2px 10px 2px 0px;
  /*border:               1px dotted #0000FF;*/
}

div.row div.formField
/* displaying form field */
{
  float:                left;
  padding:              2px 10px 2px 2px;
  /*border:               1px dotted #0000FF;*/
}
/*----------------------------------------------------------------------------*/
/* styles for clearing float elements                                         */

.floatcontainer:after, .row:after
{ 
  content:              ' ';
  display:              block;
  height:               0; 
  clear:                both; 
  visibility:           hidden;
}

.floatcontainer, .row
{
  display:              inline-block; /* Mark Hadley's fix for IE Mac */
}
  
/* Hides from IE Mac \*/ 
* html .floatcontainer, * html .row
{
  height:               1%;
}

.floatcontainer, .row
{
  display:              block;
}

/*---------------------------------------------------------------------------*/
/* styles for containers in max md website                                   */

div.maxContainer
{
  padding-bottom:       25px;
}

div.maxContainerHeader
{
  font-size:            13px;
    color:                #000077; 
    padding:              2px 10px;
    font-weight:          bold;
}

div.maxContainerBody
{
  padding:              10px;
}

div.maxContainerFooter
{
  float:                right;
}

div.maxContainerHeader .maxContainerHeaderTitle
{
  float:                left;
  font-family:          veranda,Arial, Helvetica, sans-serif; /* add for style */
  font-size:            16x;
}

div.maxContainerHeader .maxContainerHeaderDetail
{
  float:                right;
}

div.maxSubContainer
{
}

div.maxSubContainerHeader
{
  background-color:     #f2f2f2;
  padding:              2px 10px 2px 10px;
  font-weight:          bold;
  text-align:           center;
  color:                #000077;
}

div.maxSubContainerBody
{
  padding:              15px;
  border:               1px solid #bbbbbb;
  margin-bottom:        20px;
}


/*----------------------------------------------------------------------------*/
/* styles for packages states (websol, commsol)                               */

div.regCommSolContainer
{
	float:                left;
	width:                185px;
}

div.regCommSolContainerHeader
{
  padding:              2px 0px 2px 0px;
  font-weight:          bold;
  color:                #000077;
}

div.regCommSolContainerBody
{

}

div.packageDetails
/* listing details for packages */
{
  color:                #5B6C85;
}

ul.packageDetails
{
	margin:               0px 18px;
}

div.packagePrice
{

text-align:             center;
}

div.packagePrice .packagePrice
{
  font-size:            14px; 
  font-weight:          bold;
	font-style:           italic;
  color:                #910831; 
}

div.packageSavings
/* listing details for packages */
{
  text-align:           center;
	font-size:            14px; 
	font-weight:          bold;
}

.websolTN
/* thumbnail of web solution */
{
  width:               245px;
}

.websolDesc
/* description of web solution */
{
  width:               305px;
}



/*----------------------------------------------------------------------------*/
/* styles for user states (login, newacct)                                    */

div.regLoginContainer
{
  float:                left;
  width:                48%;
}

div.regLoginContainerHeader
{
  padding:              2px 0px 2px 0px;
  font-weight:          bold;
  color:                #000077;
}

div.regLoginContainerBody
{
  /*padding:              15px; */
}

div.regLoginFormFieldLabel
{
  width:                75px;  
}

div.regLoginFormField
{
  width:                90px;
}

.regLoginFormButton
{
  padding-left:         15px;
}

/*--[ Contact Form ]--------------------------------------------------------*/

div.tafFormFieldLabel
{
  width:                200px;   /* widened a bit 165px; -> 200px; */ 
  font-family:          veranda,Arial, Helvetica, sans-serif; 
}

div.tafFormField

{
  width:                210px;
}

.tafInputField

{
  width:                200px;   /* widened a bit  */ 
  background-color:     #d1e1f1; /* this is same as max.md site */
  font-family:          veranda,Arial, Helvetica, sans-serif;
}


/*----------------------------------------------------------------------------*/
/* styles for contacts states                                                 */

div.regContactContainer
{
  float:                left;
  width:                48%;
	margin-bottom:        8px;
}

div.regContactContainerHeader
{
  padding:              2px 0px 2px 0px;
  font-weight:          bold;
  color:                #000077;
}

div.regContactContainerBody
{
  /*padding:              15px; */
}

div.regContactContainerFooter
{
  float:                right;
}

div.regContactContainerHeader div.contactTitle
{
  float:                left;
}

div.regContactContainerHeader div.updateMsg
{
  float:                right;
  color:                #ff0000; 
}

div.regUpdateContactCheckbox
{
  float:                left;
  width:                25px;
}

div.regUpdateContactFormFieldLabel
{
  float:                left;
  text-align:           left;
  width:                90px;
}



/*----------------------------------------------------------------------------*/
/* styles for payment states                                                  */

div.regOrderDetailsProductType
{
	float:                left;
  width:                125px;  
}

div.regOrderDetailsProduct
{
	float:                left;
  width:                300px;
}

div.regOrderDetailsPrice
{
	float:                left;
  width:                50px;
	text-align:           right;
}

.orderDetailsPriceHighlighted
/* highlights price when listing order details, such as total */
{
  color:                #174882;
  font-weight:          bold;
  text-align:           right;
}



/*---------------------------------------------------------------------------*/
/* styles for shopping cart                                                  */


div.cartContents
{
  border-top:           2px solid #174882;
}

div.cartHeading
{
  font-weight:          bold;
  background-color:     #DCE2F1;
  padding:              2px 0px;
}

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

table.cart th
{
  font-weight:          bold;
  background-color:     #DCE2F1;
  padding:              2px;
}

table.cart td
{
  padding:              8px 0px;
}

.showTotal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bolder;
    float: right;
    border: thin solid #ECECEC;
    color: #F04E11;
}

div.product,
table.cart .product
{
  width:                320px;
  text-align:           left;
  padding-left:         14px;
  vertical-align:       middle;
}

div.product,
div.expire,
div.quantity,
div.unitprice,
div.subtotal
{
  float:                left;
}

div.quantity,
table.cart .quantity
{
  width:                50px;
  text-align:           center;
  vertical-align:       middle;
}

div.expire,
table.cart .expire
{
  width:                90px;
  text-align:           center;
  vertical-align:       middle;
}

div.unitprice,
table.cart .unitprice
{
  width:                80px;
  text-align:           right;
  vertical-align:       middle;
}

div.subtotal,
table.cart .subtotal
{
  width:                71px;
  text-align:           right;
  padding-right:        14px;
  vertical-align:       middle;
}

table.cart td.subtotal
{
  color:                #174882;
}

table.cart .note ul
{
  margin-left: 1em;
}

table.cart .note
{
  width:                221px;
  text-align:           right;
  padding-top:          10px;
  padding-right:        14px;
  color:                #b91717;
}

div.cartTotal
{
  text-align:           right;
  font-weight:          bold;
  color:                #174882;
}

div.total
{
  padding-top:          1em;
  padding-right:        14px;
}

div.formName
{
  padding-left:          0.5em;
}

div.formField
{
  padding-left:          0.5em;
  padding-bottom:        0.5em;
}

table.cart .separator hr
{
  background-color:     #555555;
  margin:               0px;
  border:               0px;
  padding:              0px;
}

.promotion
{
  color:                #b91717;
  padding-right:        14px;
}

.cartButton
{
  margin-top:           1em;
}

.errorMsg {
   margin: 2px 2px 2px 2px; /* instructions/comments left margin set to align w/ right column inputs */
   padding: 2px 3px;
   font-size: 12px;
   font-weight: bold;
   color: #CC0033;
}
.ermsg
{
  color:                #B4045F;
  font-size:            14px;
}

.regHeaderText
{
  font-family:          Arial;
  font-size:            12pt;
  width:                120px;
}

.regHeaderIndent
{
  font-family:          Arial;
  font-size:            12pt;            
}

div label
{
float: left;
text-align: left;
margin-right: 0.5em;
display: inline;
font-family: Arial;
}

div fieldset
{
border: 1px solid #999999;
width: 600px;
}

div legend
{
font-family: Arial;
color: #000000;
font-size: 12px;
font-weight: bold;
background: #CECECE;
border: 1px solid #CECECE;
padding: 2px 6px
}

/*--[ Notifications ]--------------------------------------------------------*/

.errorMsg
/* displaying error messages */
{
  color:                #FF0000;
}

div.errorBox
{
  margin:               1em; 
  border:               1px solid #B91717; 
  padding:              1em; 
  color:                #B91717; 
  background-color:     #F0C9C9;
}

.errorBox a:link, .errorBox a:visited, .errorBox a:active
{
  color:                #FF0000;
} 

.message
{
  color:                #0000FF;
}

div.messageBox
{
  margin:               10px;
  border:               1px solid #0000FF;
  padding:              5px;
  background-color:     #EEEEFF;
}

.messageBox a:link, .errorBox a:visited, .errorBox a:active
{
  color:                #0000FF;
} 

/*--[ Tables ]---------------------------------------------------------------*/

TABLE
{
  border-collapse:      collapse; 
  empty-cells:          show;
}

TD
{
  padding:              2px 10px;
}
/*-----------------------------------------------------------------------------
// end of reg.css
//---------------------------------------------------------------------------*/