/*
===========================================================================================================
Title: Emove - Vertical_Menu-Fixed_Width layouts stylesheet
Date: 02-06-2006
Author: Alex Kwiatkowski
===========================================================================================================
===========================================================================================================
HTML layout tags
===========================================================================================================
*/
html, body {  margin: 0 0 0 5px; height: 100%; line-height: 1.5; font-family: "Lucida Grande", Verdana, sans-serif; font-size:12px; color: #45494a; }

a.EmoveLink { color: #369a02; }

span { margin: 0; padding: 0; }

	
/*
===========================================================================================================
Page structure and layout
===========================================================================================================
*/
#pagewidthwrap { width: 100%; background: #E7E2DC; }
#pagemaster { text-align: left; min-height: 100%; width: 920px; padding: 0; background: #E7E2DC url('images/bg-image.gif') repeat-y 0 0;  	}
* html #pagemaster {  height: 100%; }

#headerwrap { float: left; width: 920px; background: #FFFFFF url('images/content-bg.gif') repeat-y 0 0; z-index: 1; }
#logo { float: left; background: #FFFFFF; height: 145px; width: 750px; z-index: 2; }
	
#contentwrap { float: left; width: 755px; background: url('images/content-bg.gif') repeat-y 0 0; z-index: 98; }
#contentwrap2col { float: left; width: 755px; background: url('images/content-bg-2col.gif') repeat-y 0 0; }
#content { float: left;	width: 750px; padding: 0 0 20px 0; z-index: 99;	}



#conentleftcol { float: left; width: 162px; z-index: 100;  }
#contentrightwrap { float: left; width: 588px; background: #FFF; }
#conentmiddlecol { float: left; width: 426px; }
#conentmiddlecol2col { float: left; width: 588px; }
#conentrightcol { float: left; width: 162px;  }

#right { float: left; padding: 5px 0 0 5px; width: 160px;  }

#footerwrap { float: left; width: 100%; margin: 10px 0 0 0;  }
#footer { float: left; padding: 10px 5px 10px 5px; background: #FFFFFF; }
#footerleft { float: left; width: 100px; }
#footerright { float: right; text-align: right; width: 645px;  }

/*
===========================================================================================================
Layout classes
===========================================================================================================
*/
.controltablewrap {  background: #FFFFFF;  }

/*.toppane { background: #FFFFFF; margin: 0; padding: 0; }*/
.toppane { margin: 0; padding: 0; }

.rightheadad { float: left; margin: 0 0 0 5px; padding: 0 0 0 5px; width: 150px; height: 142px;  }

.greenhrrule { float: left; width: 920px; height: 13px; font-size: 1px; line-height: 0; background: url('images/green-hr-spacer.gif') repeat-x 0 0; }
.contentgreenhrrule { float: left; width: 750px; height: 13px; font-size: 1px; line-height: 0; background: url('images/green-hr-spacer.gif') repeat-x 0 0; }
.whitespacer { float: left; width: 755px; height: 5px; font-size: 1px; line-height: 0; background: #FFFFFF; }

.outerrightpane table { background: #e7e2dc; padding: 0; margin: 0; }
.toppane table { background: #FFFFFF; padding: 0; margin: 0; }
.rightheadad table { background: #FFFFFF; padding: 0; margin: 0; }
.leftpane {  }
.contentrighttoppane { width: 588px; text-align: center; }
/*
===========================================================================================================
Ecard Styling
===========================================================================================================
*/
#EcardWrap { }
#EcardTitle { }
#EcardSenderInformationWrap { margin: 0 0 10px 0; }
#EcardMessageWrap { margin: 0 0 10px 0; }

#EcardRecipientInformationWrap { margin: 0 0 10px 0; }
#EcardRecipientsWrap { margin: 0 0 10px 0; }
#EcardSendControlsWrap {  }

.InputLine { display: block; margin: 0 0 4px 0; padding: 0; }
.EcardSectionTitle { margin: 0 0 5px 0; font-weight: bold; }
.TextInput { float: left; width: 100px;  }
.EcardListText { font-family: "Lucida Grande", Verdana, sans-serif; font-size:12px; color: #45494a; }


#EcardPictureWrap { display: block; height: 940px; margin: 0 0 10px 0; padding: 0; }
#EcardPictureWrap table { margin:0; padding: 0; } 
.CardList { float: left; height: 890px; margin: 0; padding: 0; }
.EcardImages { float: left; margin: 0 0 10px 0; padding: 0;}
#EcardPicture { margin: 0; padding: 0; }	


.EcardImageButton { margin: 10px 0 0 0; }
.h3Copy { padding: 0 0 5px 0; margin: 0; font-weight: bolder; color: #1B5FA9;  font-size: 14px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }	

/*
===========================================================================================================
Typography
===========================================================================================================
*/

h1 { padding: 0 0 5px 0; margin: 0; font-weight: bolder; color: #1B5FA9;  font-size: 18px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }	
h2 { padding: 0 0 5px 0; margin: 0; font-weight: bolder; color: #1B5FA9;  font-size: 16px;  font-family: Verdana, Arial, Helvetica, Sans-Serif;}	
h3 { padding: 0 0 5px 0; margin: 0; font-weight: bolder; color: #1B5FA9;  font-size: 14px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }	
h4 { padding: 0 0 5px 0; margin: 0; font-weight: bolder; color: #1B5FA9;  font-size: 12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }	
h5 { padding: 0 0 5px 0; margin: 0; font-weight: bolder; color: #1B5FA9;  font-size: 10px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }	
h6 { padding: 0 0 5px 0; margin: 0; font-weight: bolder; color: #1B5FA9;  font-size: 10px;  font-family: Verdana, Arial, Helvetica, Sans-Serif; }	

p { padding: 0 0 5px 0; margin: 0; }




	
		
/*
===========================================================================================================
Make div fill out its true height
===========================================================================================================
*/
.clear { clear:both; height:1px; overflow:hidden; }