/**********************************************************************************************

	Title: Website
	Author: XHTMLized, Karim Metwalli
	Date: January 2008 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2	Page Layout
			3.3	Header
			3.4	Page Content
			3.5	Pop up layers
			3.6	Footer
			3.7	Home page
			3.8 Create New Event page
			3.9 Edit account page
			3.10 AddressBook page
			3.12 Learn more page
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height:16px; }
  
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */}

caption, th, td {
	text-align: left; 
	font-weight: normal;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	height:100%; 
	background:#2a415d;}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

#pagecontent h1 {
  font-size: 1.9em;
  color:#005302;
  padding: 0.1em 0.25em 0.5em 0em;
  }

h2 {
  color:#005302;
  font-size:1.7em;
  padding:0 0 15px 0;
  line-height: 1em;
}
h2 a, h3 a {
  font-size:13px;
  font-weight:normal !important;
  font-style:italic;}
h3 {
  color:#005302;
  font-size:1.4em;
  padding:0 0 4px 0;}

h4 { 
    color:#005302;
	  font-size:1.32em;
	  padding:0 0 4px 0;}

h5 { 
  color:#005302;
  font-size:1.1em;
  padding:0 0 6px 0;}

.normaltext {
  color:#333;
  line-height:16px;
  font-size:1.2em;}

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: Arial, Helvetica, sans-serif;
	margin:3px 0;}

form {
  font: Arial, Helvetica, sans-serif;}

.checkset {
  margin:0;
  width:13px;
  height:14px;
  overflow:hidden;}

input.txt1 {
  width:168px;
  float:left;}

input.txt2 {
  width:232px;
  float:left;}

input.txt3 {
  width:105px;
  float:left;}

label.lbl1 {
  width:58px;
  padding:5px 3px 0 0;
  float:left;
  display:block;}

label.lbl2 {
  width:75px;
  padding:5px 3px 0 0;
  float:left;
  display:block;}

select.sel1 {
  width:140px;}

select.sel2 {
  float:left;
  display:block;
  width:52px;
  margin-right:15px;
  }

.disabled {
  color:#ddd;
}

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

#pagecontent a {
  text-decoration:none;
  color:#d77900;}

#pagecontent a:visited {}

#pagecontent a:hover {
  text-decoration:underline;
  }

#pagecontent a:active {}

#pagecontent a.linkonbtn   {
  color: white;
}

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */

.fleft {
  float:left;}

.fright {
  float:right;}

/* buttons for popup */
.btnshow {
  position:relative;
  width:67px;
  height:22px;
  display:block;
  float:right;
  background:url(/i/bg-btn.gif) no-repeat;
  color: white;  
  text-align:center;
  font-size:12px;
  padding:4px 0 0 0;}
  
  .btnshow a {
    color:#fff;
	cursor:pointer;}
.genericbtn {
  position:relative;
  width:67px;
  height:22px;
  display:block;
  background:url(/i/bg-btn.gif) no-repeat;
  color: white;  
  text-align:center;
  font-size:12px;
  padding:4px 0 0 0;  
}

.btnchoosefile {
  background:url(/i/btn-choosefile.gif) no-repeat;
  width:94px;
  height:26px;
  display:block;
  text-indent:-9999px;}

/* hides block */
.hideblock {
  display:block;
  display:none;}

#topmsg {
  font-size: 1.2em;
  padding: 0px 12px 10px 12px;
}
.faqbox{
  font-size: 13px;
}
.faqbox H3{
  font-size: 1.2em;
}
.faqbox .question{
  color:#005302;
}
.faqbox .answer{
  font-size: 0.9em;
  margin: 0px 10px 10px 20px;
}
.note{
  font-size: 0.9em;
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;}


/* 3.2	Page Layout
-----------------------------------------------------------------------------------------------*/	
#container {
  background:url(/i/bg-main.gif) repeat-y;
  width:902px;
  margin:0px auto 0 auto;
  overflow: hidden;}

#header {
  background:url(/i/bg-header.jpg) no-repeat;
  font-size: 13px;
  width:826px;
  height:70px;
  position:relative;
  top:-2px;
  margin:0 auto}

#pagecontent {
  width:788px;
  margin:0 auto;
  padding:20px 0;
  font-size:1.2em;
  color:#333;
  }


/* 3.3	Header
-----------------------------------------------------------------------------------------------*/
#header{
  color: #fff;
}

#header h1 a {
  display:block;
  background:url(/i/logo-boomguest.png) no-repeat;
  width:176px;
  height:41px;
  position:relative;
  top:15px;
  left:16px;
  text-indent:-99999px;}
#header p {
  font-weight: bold;
}
#header .langsel{
  float: right;
  font-size: 11px;
  margin-right: 10px;
}
#header A {
  color: white;
  text-decoration:none;
}
#header a:hover {
  text-decoration:underline;
}
ul#nav {
	height: 30px;
	left:260px;  /*updated*/
	position:relative;
	top:-7px;}

ul#nav a {
	background:url(/i/nav-tab.gif);
	padding-left:15px;
	color: #fff;
	display: block;
	float: left;
	height: 30px;
	text-decoration: none;
	/*font-size:1.2em;*/
	font-weight:bold;}

ul#nav a:hover {
	background-position: 0 -90px;
	color: #278129;}

ul#nav a:hover span {
	background-position: 100% -90px;
	color: #278129;}

ul#nav li {
	float: left;
	margin: 0 2px 0 0;}

ul#nav li.current a {
	background-position: 0 -90px;
	color: #278129;}

ul#nav li.current span {
	background-position: 100% -90px;}

ul#nav span {
	background: url(/i/nav-tab.gif) 100% -1%;
	cursor: pointer;
	display: block;
	float: left;
	/*line-height: 2.6em;*/
	line-height: 30px;
	padding-right: 15px;
	height:30px;}
#welcome-notice{
	color: #fff;
	position: absolute;
	right: 35px;
	bottom: 13px;
	text-align: right;
  line-height: 13px;
}
#welcome-notice a{
	color: #fff;

}	

/* 3.4	Page Content
-----------------------------------------------------------------------------------------------*/	
#pagecontent .biground { /*big round block */
  width:787px;
  background:url(/i/bg-bigroundbody.gif) repeat-y;
  margin:0 0 15px 0;}
  
  #pagecontent .biground .top {
    background:url(/i/bg-bigroundtop.gif) no-repeat;
    height:5px;
    line-height: 5px;}
  
  #pagecontent .biground .bottom {
    background:url(/i/bg-bigroundbottom.gif) no-repeat;
    height:5px;
    line-height: 5px;
    }

#pagecontent .smallround { /*small round block */
  width:383px;
  background:url(/i/bg-smallroundbody.gif) repeat-y;
  margin:0 0 15px 0;}
  
  #pagecontent .smallround .top {
    background:url(/i/bg-smallroundtop.gif) no-repeat;
    height:5px;
  }
  
  #pagecontent .smallround .bottom {
    background:url(/i/bg-smallroundbottom.gif) no-repeat;
    line-height: 5px;
    height:5px;
  }

#pagecontent .blocks {
  width:383px;}

#pagecontent .contentsp { /*spacing on each round block */
  padding:13px;}

#pagecontent .contentsp1 { /*spacing  */
  padding:9px 9px 5px 9px;
   }

#pagecontent .contentsp2 { /*spacing */
  padding:2px 10px;}

#pagecontent .biground .photosec {
  position: relative;}
  
  #pagecontent .biground .photosec img {
    border:1px solid #cdcdcd;
    padding:5px;position: relative;
    z-index: 1;}
  
  #pagecontent .biground .photosec a.btnedt {
    background:url(/i/bg-edt.gif) no-repeat;
	width:30px;
	height:15px;
	line-height:1.7em;
	display:block;
	float:right;
	position: absolute;
	z-index: 99;
	bottom: 6px;
	right: -4px;
	padding-left:10px;
	margin-right:10px;
	/*font-size:1.1em;*/
	font-style:italic;}

#pagecontent .biground .maintext {
  width:477px;}
  
  #pagecontent .biground .maintext .details {
    width:216px;
	padding:0 0 10px 0;}
	
	  #pagecontent .biground .maintext .details div {
	    padding:0 0 10px 0;}
	  
	  #pagecontent .biground .maintext  p {
	    padding:0 0 6px 0;
		}
	  
	  #pagecontent .biground .maintext a {
		 font-style:italic;}
	  
	  #pagecontent .biground .maintext a:hover {
	    text-decoration:underline;}
  /*from RC2 */
  #pagecontent .biground .maintext .photomap {
    padding:2px;
	border:1px solid #999;
	margin:0 0 10px 0;}  

#pagecontent .biground .blocklist {
  width:332px;}
  
   #pagecontent .biground .blocklist h4 {
	  color:#005302;
	  padding:0 0 4px 0;}
  
  #pagecontent .biground .blocklist .sec {
    background:url(/i/bg-insidebktop.gif) top no-repeat;
    width:332px;
    padding:5px 0 0 0;}
	
	#pagecontent .biground .blocklist .sec-wrap {
	 	border-right:1px solid #9a9a9a;
	    border-left:1px solid #9a9a9a;}
    
	#pagecontent .biground .blocklist .secbottom {
	  background:url(/i/bg-insidebkbottom.gif) no-repeat;}
  
  #pagecontent .biground .blocklist .scrolldiv {
    /*Enable the next 2 lines when activating the letter shortcuts. 
    border-bottom:1px solid #9a9a9a;
    height:190px;*/
    height:214px;
    width:318px;
    overflow:auto;
    padding:5px;
    position:relative;}
	  
	  #pagecontent .biground .blocklist span.letter {
	    display:block;
		background:#fff;
		color:#999;
		font-size:1.3em;
		width:13px;
		position:relative;
		z-index:1;}
	 
	   #pagecontent .biground .blocklist .letterlist {
	     position:relative;
		 left:14px;
		 top:-8px;
		 border-top:1px solid #a6a6a6;
		 width:282px;
		 padding:5px 0;
		 margin-bottom:-15px;}
	  
	  #pagecontent .biground .blocklist strong {
	    color:#a9a9a9;
		font-weight:normal;}
	  
	  #addbook span {
	    display:block;
		padding:0 0 5px 0;}

#pagecontent .biground .selectpick {
  padding:0 0 3px 10px;
  display:block;}

.selectpick LABEL{  
  vertical-align: top;
}

#pagecontent .biground .byletters {
  padding:5px 0 0 10px;}
  
#pagecontent .biground .byletters a {
  color:#d67900;}
  
  #pagecontent .biground .byletters a.mark {
    color:#d6d6d6}

#pagecontent .biground .labelblock {
  padding:0px 10px 0 0  ;
  float:left;
  /*font-size:1.1em;*/ }

#pagecontent .biground .addcol {
  width:71px;
  padding:0 11px;}
  
  #pagecontent .biground .addcol a.btnadd {
    position:relative;
	top:118px;
	background:url(/i/btn-add.gif) 0 200%;
	width:71px;
	height:26px;
	text-indent:-9999px;
	display:block;}
	
	#pagecontent .biground .addcol a.btnadd:hover {
	  background:url(/i/btn-add.gif) 0 100%;}

#pagecontent .biground .blocklist .scrolldiv2 {
    width:300px;
	border:1px solid #9a9a9a;
	height:191px;
	overflow:auto;
	padding:5px;
	margin:5px 0;}

  #pagecontent .biground .blocklist .scrolldiv2 p {
    padding:0 0 3px 0;}
	
  #pagecontent .biground .blocklist .scrolldiv2 p span.name {
    width:269px;
	display:block;
	float:left;}
  
#pagecontent a.btninvi {
    background:url(/i/btn-sendinvitations.gif) 0 -200%;
	width:136px;
	height:27px;
	display:block;
	margin:10px auto;
	text-indent:-9999px;}

#pagecontent a.btninvi:hover {
    background:url(/i/btn-sendinvitations.gif) 0 100%;}

#pagecontent a.btncreate {
  /*background:url(/i/btn-createevent.gif) 0 -200%;*/
  background:url(/i/btn-createevent.gif);
	width:185px;
	height:36px;
	display:block;
	text-indent:-9999px;}

#pagecontent a.btncreate:hover {
  /*background:url(/i/btn-createevent.gif) 0 100%;*/
  background:url(/i/btn-createevent.gif);}

/* people list */
#pagecontent ul.ppllist {
  padding:5px 0;
  line-height: 1em;
  }
  
#pagecontent ul.ppllist li {
  padding:0 0 5px 0; position: relative;}
  
#pagecontent ul.ppllist .child{
  margin-left: 25px;}
  
#pagecontent ul.ppllist li em{
  position: absolute; right: 3px;
}
#pagecontent ul.ppllist li span.rep {
  display:block;
  font-style:italic;
  padding:3px 0 0 0;}
  
#pagecontent ul.ppllist .two {
  background:url(/i/icon-2ppl.gif) 0 3px no-repeat;
  padding:5px 0 5px 25px;}

#pagecontent ul.ppllist .one {
  background:url(/i/icon-1ppl.gif) 0 3px no-repeat;
  padding:5px 0 5px 25px;}

#pagecontent .hidebtn {
  position:relative;
  top:-10px;
  margin-bottom:-15px;
  font-style:italic;}
#addguest {
  border-top: 1px solid #9A9A9A;
  /*font-size: 0.9em;*/
  height:226px; 
}
#textpicker {
  padding: 3px 15px 0px 15px;
  height:224px; 
}
#fc_guestnames{
  height: 184px;
  width: 290px;
}
.greenbox{
  background-color: RGB(237,253,190);
  border: 2px solid RGB(205,206,205);
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 2em;
}
.blocks TEXTAREA {
  width: 355px;
  height: 60px;
}
#gag_save_btn {
  float: right;
  padding-top: 5px;
}
#pagecontent .emaillist_btn{
  display: none;
  font-size: 0.9em;
}
/**************************************************************/
/* styles specific to the response area                       */
#edrf{
  padding: 1em 1em 1em 1.7em;
}
#replyarea {
	background-color: Gainsboro;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0em 0em 1em 0em;
	/*border: solid SteelBlue;*/
	/*border-width: 1px;*/
}
#response_useless {
	float: left;
}
#response_top_section {
}
.response_section{
  float: left;
	width: 270px;
	padding-right: 20px;
}
#response_radio_area{
	width: 140px;
}
/*#reponse_msg_area{
	float: left;
	margin-right: 0.5em;
  width: 260px;
}
#reponse_company_area{
	width: 270px;
}*/

#edrf label {
  /*vertical-align: super;*/
  padding-left: 0.5em;
}
#edrf input {
  margin: 0px;
  vertical-align: text-bottom;
}
#fc_respmsg {
	height: 4em;
  width: 270px;
}
#complist {
  font-style:italic;
}
#edrf .message {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}
#edrf HR{
  display: block;
   height: 1px;
}
#setreminderbox .status{
  float: left;
  color:#005302;
  font-size:1.2em;
  margin-top: 4px;
}
#setreminderbox BUTTON{
  vertical-align: middle;
  margin-left: 10px}
#setreminderbox SELECT{vertical-align: middle;}
#setreminderbox .ctrls{
  float: left;
  margin-left: 30px;
}
#setreminderbox .btnshow{
  float: left;
}
#response_top_section .btnshow{
  background:url(/i/bg-btn-95x20.gif) no-repeat;
  float: none;
  width: 100px;
  font-weight: bold; 
}
#response_getname_section INPUT {
  width: 150px;
}
#response_getname_section .ctlitem {
  float: left;
  display: block;
  margin-right: 10px;
}
#setnamebox label{
  vertical-align: 25%;
}
/**************************************************************/

/* 3.5	Pop up Layers
-----------------------------------------------------------------------------------------------*/
.boxpop1 a ,
.boxpop2 a {
  position:relative;
  cursor:pointer;}
  
/* box 1 */
.boxpop1 {
  color:#333;
  font-size:1.2em;  
  width:384px;
  padding:0 0 11px 0;
  display:block;
  display:none;
  position:absolute;
  left:300px;
  top:150px;
  z-index: 100;
  }
  
.boxpop1 .top {
  background:url(/i/bg-box1top.png) no-repeat;
  height:30px;}
	
.boxpop1 .top h3 {
  padding:13px 0 0 15px;
  color:#fff;
  font-size:1.1em;}
  
.boxpop1 .content {
  background:url(/i/bg-box1body.png) repeat-y;
  padding:5px 15px 0 25px;
  width:344px;/* do I need this?*/}
	
	.boxpop1 .content .msgbox {
	  width:338px;
	  height:50px;
	  margin:3px 0;
	  font-size:1.1em;}
    
#embody, #fc_notes{
  height: 160px;
}

.boxpop1 .content .txtfield {
	  width:338px;
	  margin:3px 0;
	  font-size:1.1em;}    
	
	.boxpop1 .content .msgbox1 {
	  width:338px;
	  height:36px;
	  margin:3px 0;
	  font-size:1.1em;}
	
	.boxpop1 p.sub  ,
	.boxpop2 p.sub{
	  font-size:1.1em !important;
	  font-style:italic;}
	
	/*.boxpop1 input ,
	.boxpop2 input {
	  border:1px solid #676767;
    }*/
	
.boxpop1 .bottom {
  background:url(../i/bg-box1bottom.png)  no-repeat;
  height:11px;}

/* box 2 */
.boxpop2 {
  color:#333;
  font-size:1.2em;
  width:288px;
  display:block;
  display:none;
  position:absolute;
  z-index: 100;
    left:435px !important;
  top:210px !important;}
  
.boxpop2 .top {
  background:url(/i/bg-box2top.png) no-repeat;
  height:29px;}
	
.boxpop2 .top h3 {
  padding:13px 0 0 15px;
  color:#fff;
  font-size:1.1em;}

.boxpop2 .content {
  background:url(/i/bg-box2body.png) repeat-y;
  padding:5px 15px 0 15px;
  width:258px; /*from RC2 - do I need this?*/}
	
.boxpop2 .bottom {
  background:url(/i/bg-box2bottom.png) no-repeat;
	width:288px;
	height:11px;}
  
  .boxpop2 img.photoupload {
    margin:5px 0;}
#new_venue_dlg {
  z-index: 200;

}
#send_invitation_dlg{
  left:400px;
  top:450px;
}
.myCustomFloater{
  display:none;
  visibility:hidden;
  position:absolute;
  background-color:white;
  color: 0x333333;
  border: 3px solid green;
  font-size: 1.2em;
  z-index: 2000;
  width: auto;
  top: 600px;
}
/*#TypeAssistWin {
  top:450px;
  left:100px;
}*/
#TypeAssistWinComp {
}

#map{
  padding:2px;
  width: 226px;
  height: 146px;
  margin:0 0 10px 0;
  border:1px solid #999;
  display: none;
  overflow: hidden;
}
#edit_companions_dlg .content{
  line-height: 16px;
  /*padding-left: 25px;*/
}
#edit_companions_dlg ul {
  list-style-type: disc;
}
#edit_companions_dlg SELECT {
  margin: 0px;
}
#edit_companions_dlg LI INPUT {
  width: 290px;
  margin: 0px;
  padding: 0.1em 0.25em 0.1em 0em;
}
#edit_companions_dlg .remove_btn {
  font-size: 15px;
}
#edit_companions_dlg LI {
  margin-bottom: 0.5em;
}
#edit_complist {
  margin-top: 0.5em;
}
.invisbleerror{
  display: none;
  color: red;
  font-size: 85%;
}
.error{
  color: red;
}
#edit_guest_dlg .radio{
  vertical-align:text-bottom;
  margin:0px;
}
#edit_guest_dlg LABEL{
  padding-left:0.5em;
}
#addguesthelp_dlg {
  background-color: white;
  font-size:1.2em;  
  display: none;
  position:absolute;
  z-index: 100;
  width: 480px;
}
#addguesthelp_ctnr{
  padding: 10px 5px 2px 5px;
  /*border: 6px solid #6B9510;*/
  border: 6px solid green;
  -moz-border-radius: 10px;
}
.numberedhelpbullets img{float: left}
.numberedhelpbullets .helptext{
  float: left;
  padding-top:5px;
  width:400px;  
}
.numberedhelpbullets .helpitem{clear: left}
.helpgreentext{
  color:#005302;
  font-weight: bold;
}
.helporangetext{
  color:#D77900;
  font-weight: bold;
}
.tips LI{ margin-bottom: 4px}

/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/
#footer {
  background:url(/i/bg-footer.gif) no-repeat;
  width:827px;
  height:43px;
  margin:0 auto;
  font-size: 12px;
  padding:10px 0;}	
 
  #footer p {
    color:#fff;
	text-align:center;}
	
	#footer p a {
	  color:#fff;
	  padding:0 10px;
	  border-right:1px solid #fff;}
	  
	  #footer p a.last {
	    border:none;}
/* 3.7	Home page
-----------------------------------------------------------------------------------------------*/
.eventslistarea {
	width: 25em;
	/*background-color: Gainsboro;*/
	margin: 0em 1em 1em 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
.eventitem .name{
  float: left;
}
.eventdate{
	float: right;
  white-space: nowrap;
}
.marketing ul{
  list-style-type: disc;
  margin-left: 15px;
}
#homesigninbox .inputfield {
  margin: 0.25em 0.25em 0.5em 0.5em;
  height: 0.95em;
  width: 15em;
}
#homesigninbox TD {
  vertical-align: middle;
}
#createaccbox {
  border-top: 1px solid lightgrey;
  margin-top: 2em;
  padding-top: 1em;
}
.ImportantLink{
  font-size: 1.6em;
  padding: 1em 0em;
}
.smalltext{
  font-size: 0.9em;
}
.contentsp1 .smalltext{
  font-style:italic;
}
/* 3.8 Create New Event page
  ---------------------------------------------------------------------*/
#neweventform SPAN, #neweventform LABEL {
  vertical-align: 25%;
}
#neweventform INPUT {
  height: 15px;
}
#neweventform .steparea DIV{
  padding-bottom: 5px;
}
.stepnumber{
  float: left;
  width:48px;
  padding: 0px 3px 0px 7px;
  border-right: 2px solid RGB(233,233,233);
}
#stepnumber1{
  height: 280px;
}
#stepnumber2{
  height: 180px;
}
#stepnumber3{
  height: 60px;
}
#neweventform .contentsp { /*spacing on each round block */
  padding:0px;}

#stepnumber1 IMG{
  padding-top: 100px;
}
#stepnumber2 IMG{
  padding-top: 70px;
}
#stepnumber3 IMG{
  padding-top: 5px;
}
.steparea {
  float: left;
  padding: 10px 10px 10px 20px;  
}
#step1area TEXTAREA{
  width: 290px;
  height: 115px;
}
#step1area #fc_name{
  width: 205px;
}
#neweventform .rightblock{
  margin-left: 60px;
}
#step1right SPAN{
  /*width: 44px;*/
  display: block;
  float: left;
  margin-top: 5px;
}
#step1right .txtinput{
  width: 283px;
}
.ce_userbox{
  padding: 0.2em 0em 0.2em 0em;
}
.ce_userbox TD{
  padding: 0em 0em 0.2em 0.2em;
  vertical-align: middle;
}
#ce_login{
 display: none;
}
/* 3.9 Edit account page
  ---------------------------------------------------------------------*/
.myaccountform{
  width: 400px;
  float: left;
}
#add_new_loc{
  margin-bottom: 1em;
  font-size: 1.2em;
}
.myacc_loc{
  margin-bottom: 0.5em;
}
/* 3.10 AddressBook page
  -----------------------------------------------------------------------*/
#addbooklist{
	background-color: Gainsboro;
	padding: 0.25em 0.5em 0.5em 0.5em;
}
#addbooklist .item{
	display: block;
	background-color: white;
	margin:  0.25em 0em 0.25em 0em;
	padding-left: 0.5em;
}
#addbooklist .action{
	width: 70px;
	display: inline;
}
#addbooklist .name{
	width: 300px;
	display: inline;
}
#addbooklist .email{
	display: inline;
}
#addbooklist .abcloseimg{
        width: 12px;
        height: 12px;
        padding: 2px 5px 0px 0px;
}        
#abcnt {
	font-size: 80%;
}

.dividingletter{
	font-size: 120%;
	color: navy;
}
#addbookmenu{
	background-color: Gainsboro;
	padding: 0.5em 0.5em 0.25em 0.5em;
	margin-bottom: 0.5em;
}
#addbookmenu .item{
	/*background-color: RGB(200,200,200);*/
	padding: 0.2em 0.2em 0.2em 0.2em;
	border: 1px solid Gainsboro;
	cursor: pointer;
}
#addbookmenu .item:hover {
    background-color: white;
    color: blue;
	text-decoration: underline;
	border: 1px solid gray;
}
#addbookmenu .item IMG {
	margin: 0em 0.15em 0.1em 0em;
}
/* styles specific to the address book picker (not the whole add book page */
#addbookpicker {
	height:224px; 
	overflow:auto; 
	background-color: white; 
}
.nameinAdBookList{
	padding-left: 0.25em;
}
#addbookctrls{
	padding-top: 0.5em;
}
.adBookItemSelected {
	padding-left: 1.4em;
	font-style: italic;
}
.adBookItemSeparator {
	font-size: 120%;
	color: blue;
}
/*
 3.11 Account Creation page **************************************/
#accountcreationform{
  float: left;
}
#acccreation_left{
  width: 300px;
}
#acccreation_right{
  width: 450px;
}

/***************************************************************************/

/* 3.12 Learn more page
  -----------------------------------------------------------------------*/
#howtostart{
  float: right;
  width: 400px;
  margin-left: 25px;
  border: 1px solid green;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 2em;
}

/*
WICK: Web Input Completion Kit
http://wick.sourceforge.net/
Copyright (c) 2004, Christopher T. Holland,
All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
Neither the name of the Christopher T. Holland, nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

*/

.floater {
position:absolute;
z-index:7;
bottom:0;
right:0;
display:none;
padding:0;
}

.floater td {
font-family: Gill, Helvetica, sans-serif;
background-color:white;
border:1px inset #979797;
color:black;
}

.matchedSmartInputItem {
font-size:100%;
/*padding: 5px 10px 1px 5px;*/
padding: 0.2em 0.3em 0.1em 0.3em;
margin:0;
cursor:pointer;
}

.selectedSmartInputItem {
color:white;
/*background-color:#3875D7;*/
background-color:#D77900;

}

#smartInputResults {
padding:0;margin:0;
}

.siwCredit {
margin:0;padding:0;margin-top:10px;font-size:0.7em;color:black;
}
/* jquery.autocomplete.css
  ----------------------------------------------------------*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
	background-color: #eee;
}
.ac_over {
	/*background-color: #0A246A;*/
	background-color:#D77900;
	color: white;
}
/* Datepicker.css
--------------------------------------------------------------*/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	/*background: #333;
	color: #fff;*/
  /*background: rgb(236,122,32);*/
  background: rgb(100,155,0);
  color: white;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	/*background: #ccc;*/
	background: white;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	/*background: #f66;
	color: #fff;*/
  background: rgb(236,122,32);
  color: white;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	/*background: #ccc;*/
	background: rgb(100,155,0);
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
  color: white;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}