/*-----------------------------------------------------------------------------
// file: layout.css
// date: 2006/03/03
// rev date: 2007/11/03
// auth: Steve Yeung
//rev auth: Rob Straughn <rstraughn@max.md>
// copy: (c) Copyright 2006 MaxMD Corp.
// desc: Boxes around tutorials on support page
//---------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
// global browswer configurations (addresses browser defaults settings)      */

/* resets default padding and margins                                        */
* { padding:0; margin:0; }


/* whoever thought blue linked image borders were a good idea? (from Tantek) */
a img,:link img,:visited img { border:none }


/* addresses the loss of any display information by default brower styles    */

html, body, p, div, h1, h2, h3, h4, h5, h6,
ul, ol, dl, dt, dd, blockquote, address, pre,
listing, plaintext, xmp, menu, dir, isindex, hr, map,
multicol, center, frameset, marquee {display: block;}

li {display: list-item;}
ul {padding:  0px 0px 0px 30px;}
ol {padding:  0px 0px 0px 30px;}


area, base, basefont, head, meta, script, style, title,
noembed, noscript, param, noframes {display: none;}

table {display: table;}
caption {display: table-caption;}
tr {display: table-row;}
col {display: table-column;}
colgroup {display: table-column-group;}
tbody {display: table-row-group;}
thead {display: table-header-group;}
tfoot {display: table-footer-group;}
td {display: table-cell;}
th {display: table-cell;}


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

.row
{
   /* Mark Hadley's fix for IE Mac */
	padding-bottom:       10px;
	/*border:               1px solid blue;*/
}

* html .row
{
  height:               1%;
}


/*
 .row
{
  display:              block;
}
*/



/*-----------------------------------------------------------------------------
// styles for layout blocks, ID tags, only used once                         */

#header
{
}

#content
{ 
  padding:             0px 0px 20px 0px;
}

#footer
{
}


/*-----------------------------------------------------------------------------
// styles for header div                                                     */


.supportboxOut
{
  border:             1px solid blue;
  width:              619px;
  padding:            2px;
 
}
.supportboxIn
{
  border:             2px solid blue;
  margin:             auto;
  width:              600px;
}
.supportText
{
  padding:            2px;
}


.navBar a,
.mdTagLineBar a,
a.mdemaillinkblack
{
  color:                black;
  text-decoration:      none;
}

.userNav a,
a.mdemaillink
{
  color:		#ffffff;
  text-decoration:	none;
}

.userNav a:hover{
  color:                red;
}

.bottombar, .bottombar a
{
  padding-top:          5px;
  color:                #ffffff;
  text-align:		center;
}

#credscenteringbox
{
  width:		400px;
  margin:		auto;
}

#credslinecontainer
{
  margin:		auto;
  width:		400px;
  position:		relative;
  display:		table;
  white-space:		nowrap;
}
#mailheadertable
{

  padding-left:		24px;
  display:              table;
  white-space:          nowrap;

}
#replyheadertable
{

  padding-left:         30px;
  display:              table;
  white-space:          nowrap;

}
#replytextarea
{
  padding-top:		20px;
  padding-left:		30px;
}
#replybutton
{
  padding-top:		20px;
  padding-left:		30px;
}

.confirmaddress
{
  display:		table-cell;
  width:		120px;
}
.confirmaddresstb
{
  display:              table-cell;
}
#step1table
{
  display:		table;
  padding-left:		30px;
  padding-bottom:	40px;
  padding-top:		10px;
}
.step1button
{
  padding-top:		10px;
  display:		table-cell;
}
.step1regwelcome
{
  
  padding-left:		10px;
  padding-bottom:	20px;
  color:                #6e91c3;

}

.cancelconf
{

  padding-left:         10px;
  padding-bottom:       20px;
  color:                #6e91c3;
  font-size:		20px;
}
.cancelconftext
{
  padding-left:		10px;
  padding-bottom:	10px;
}

.passwordresetgreet
{

  padding-left:         10px;
  padding-bottom:       20px;
  color:                #6e91c3;
  font-size:            20px;
}

.generaltexttitle
{

  padding-left:         10px;
  padding-bottom:       20px;
  color:                #6e91c3;
  font-size:            20px;
}
.generaltextshift
{
  padding-left:		10px;
  padding-bottom:	10px;
}


.passwordresetprompt
{

  padding-left:         10px;
  padding-bottom:       10px;
  color:                #6e91c3;
  font-size:            15px;
}
.resetpswrow
{
  border:		1px solid green;
  padding-bottom:	20px;
  display:		table-row;
}
.resetenteremailtext
{
  padding-left:		20px;
  width:		150px;
  display:		table-cell;

}
.resetentermailtb
{

  display:		table-cell;
  padding-left:		20px;
  padding-bottom:	20px;
}
.buttoncell
{
  display:		table-cell;
  padding-left:		20px;
  padding-bottom:	20px;
  padding-top:		20px;
}

.passwordalreadyexiststext
{
  padding-left:		10px;
}

#passwordalreadyexiststable
{
  padding-top:		10px;
  display:		table;
}
.passwordalreadyexistsrow
{
  display:		table-row;
}
.aae
{
 color:			#6e91c3;
 font-size:		20px;
 padding-bottom:	10px;
}
.returntologin
{
  padding-top:		10px;
  padding-left:		10px;
}

.gotoresettext
{
  display:		table-cell;
  padding-left:		20px;
  padding-bottom:	20px;
}
.gotoresetbutton
{
  padding-left:		20px;
  display:		table-cell;
}

.gotocanceltext
{
  display:		table-cell;
  padding-left:		20px;
}
.gotocancelbutton
{
  padding-left:		20px;
  display:		table-cell;
}









#headercontainer
{

}
.credsrowcontainer
{
  display:		table-row;

}
.step1regrow
{
  display:		table-row;
}

.headerrow
{
  dispaly:		table-row;
}


.fromlabel
{
  display:              table-cell;
  width:		60px;
}
.tolabel
{
  display:              table-cell;
  width: 	       	60px;

}
.cclabel
{
  display:              table-cell;
  width:	        60px;

}
.datelabel
{
  display:              table-cell;
  width:	        60px;

}
.subjectlabel
{
  display:              table-cell;
  width:		60px;
}


.fromdata
{
  display:              table-cell;
}
.todata
{
  display:              table-cell;
}
.ccdata
{
  display:              table-cell;
}
.datedata
{
  display:              table-cell;
}
.subjectdata
{
  display:              table-cell;
}




.emptycell
{
  display:              table-cell;
  padding-bottom:	10px;
}
.credsemailtext
{
  display:              table-cell;
  padding-right:	10px;
  text-align:		right;
}
.credsemailtextbox
{
  display:              table-cell;
}
.credspasstext
{
  display:              table-cell;
  text-align:		right;
  padding-right:	10px;
}
.credspasstextbox
{
  display:              table-cell;
  padding-bottom:	20px;
}
.credsauthenticatebutton
{
  display:              table-cell;
  padding-bottom:	20px;
}
.credsdescription
{
  display:              table-cell;
  padding-bottom:	10px;
}
.credsauthmsg
{
  display:              table-cell;
  padding-bottom:	40px;
}
.credsnoaccount
{
  display:              table-cell;
}
.credsnopassword
{
  display:              table-cell;
padding-bottom:         20px;
}


.replyborder
{
  width:                200px;
  display:              table;
  white-space:          nowrap;
}
.replyrow
{
  display:		table-row;
}
.reply
{
  display:		table-cell;
  width:		70px;
  text-align:		center
}

#mailsentmsg
{
  padding-top:		20px;
  padding-bottom:	430px;
  text-align:		center;
  color:		#6e91c3;
  font-size:            20px;
  font-weight:		bold;  
}



#header div.logoBar
{
  padding:              15px 15px 0px 15px;
}

#header div.logoBar p.mdEmail
{
  font-size:            20px;
  font-weight:          bold;
}

#header div.logoBar p.mdEmail sup
{
  font-size:            14px;
}

#header div.navBar
{
  background-image:     url(../../images/mdemail/navbar_bg.png);
  color:                #ffffff;
  height:               37px;
  line-height:          37px;     /*emulates vertical alignment */
  padding:              0px 15px;
	margin:               0;
}

#header div.navBar div.userNav
{
  width:                300px;
  font-size:            15px;
  float:                left;
}

#header div.navBar div.userNav sup
{
  font-size:            6px;
}

#header div.navBar div.dotLockLogo
{
  float:                right;
  padding-right:        5px;
  margin-bottom:        -3px;  /* for IE retarded-ness */
}

#header div.navBar div.dotLockMsg
{
  float:                right;
  padding-right:        30px;
}


#content div.titleBox 
{
  padding:              15px 15px 0px 15px;
}

#content div.bodyBox 
{
  padding:              10px 15px 0px 30px;
}

div.bodyInAbout 
{
  /*padding:              10px 15px 0px 30px;*/
	float:                left;
	/*
  display:               table-cell;*/
}

#content div.inBodyBox 
{
  padding:              10px 0px 0px 15px;
}


#content div.bodyTitle
{
  font-size:            20px;
  font-weight:          bold;
	color:                #000077;
}

#content div.inBodyBoxTitle
{
  font-size:            16px;
  font-weight:          bold;
	color:                #5B6C85;
	/*border:               1px solid red;*/
}

#content div.row div.inBodyBoxAboutTitle
{
  font-weight:          bold;
	color:                #5B6C85;
	float:                left;
	width:                150px;
	/*
	display:              table-cell;
	*/
}

#content .emailItem
{
  font-weight:          bold;
	width:                150px;
	line-height:          30px;
	border: 1px solid 0000ff;
}

#footer div.navBar
{
  background-image:     url(/common/images/mdemail/footer_bg.png);
  height:               28px;
  padding:              0px 15px;
}

#footer div.mdTagLineBar
{
  padding:              8px 15px;
}

#footer div.mdTagLineBar div.mdTagLineLogo
{
  float:                left;
}

#footer div.mdTagLineBar div.mdTagLineMsg
{
  float:                right;

}
#footer div.mdTagLineMsg
{
 text-align:           right;
}

.ctattachment
{
}


.navBar
{
  background-color:     #dae5f2;
  padding:              0px 15px;

}

.mdTagLineBar
{
  padding:              8px 15px;

}

.mdTagLineBar .mdTagLineLogo
{
  float:                left;
}

.mdTagLineBar .mdTagLineMsg
{
  float:                right;

}
.mdTagLineMsg
{
 text-align:           right;
}

.ctattachment
{
  padding-bottom:	5px;
}

#step1text
{
  padding-left:		30px;
}

.dot
{
  color:                #0000FF;
  font-weight:          bold;
}
.md
{
  color:                #000000;
  font-weight:          bold;
}
       
/* customize the user experience /consistant branding */       
.email
{
  color:                #0066cc;
  font-weight:          bold;
}

.secure
{
  color:                #0066cc;
  font-weight:          bold;
}
/*-----------------------------------------------------------------------------
// styles for general tags, may want to export to another file for 
// manageability                                                             */

body
/* default font settings apply to entire body (page) */
{
  font-family:          Arial, Helvetica, sans-serif;
  font-size:            12px;
  color:                #000000;
  text-align:           left;
  vertical-align:       top;
}

table
/* collapse border between cells to not double count */
{
  border-collapse:      collapse; 
  empty-cells:          show;
}

hr
/* defaults to a size 1 no shade horizontal rule */
{
  color:                #000000;
  background-color:     #000000;
  height:               1px;
  border:               0;
}

.indent
{
  margin-left:          1.5em;
}

sup
{
  font-size:            8px;
}



.mainbody
{
  margin-left:		    20px;
  margin-right:		    20px;
  margin-bottom:	    20px;
  margin-top:		      0px;
  height:		          500px;
}


.inputtext        
{ 

  font-family:        Verdana, Arial, Helvetica, sans-serif;
  font-size:          14px;
  font-weight:        bold;
  margin:             0;
  padding:            0;
  color:              #000000;
  width:              200px; /* Let's not worry about box model issues */
  /* border:             1px solid #ccc;  */
 } 
 
 
/*-----------------------------------------------------------------------------
// end of layout.css
//---------------------------------------------------------------------------*/