/* Stylesheets for Crexent (NEW LAYOUT) CONTENT on the PAGES
   Explosive Image.
   Coder: Arleys
   Date: 10-05-07
*/

/*******************
     COLORS USED
********************/

/*
Page background:          #f7f8fc
header color:             #6a8ab4
red line & header font:   #72103d
boxes color:              #dfe7ef
*/


/****************
     GLOBAL
*****************/

*
{
 margin: 0;
 padding: 0;
}

#rightpage a:link, #rightpage a:visited
{
 color: #6a8ab4;
}

#rightpage a:hover, #rightpage a:active
{
 color: #72103d;
 text-decoration: underline;
}

/****************
   CONTENT STYLE
*****************/

#rightpage h3.contenth3
{
 width: 650px;
 height: 79px;
 color:#72113D;
 text-indent: -9999px;   
 font-size:1px;
 margin:0 0 20px 0px;
}

#rightpage h3.clients
{
 background: url(../images/titles/clients.jpg) top left no-repeat;
}
#rightpage h3.locations
{
 background: url(../images/titles/locations.jpg) top left no-repeat;
}
#rightpage h3.searchresult
{
 background: url(../images/titles/searchresult.jpg) top left no-repeat;
}
#rightpage h3.registertitle
{
 background:url(../images/titles/register.jpg) top left no-repeat;
}
#rightpage h3.checkouttitle
{
 background:url(../images/titles/checkout.jpg) top left no-repeat;
}
#rightpage h3.confirmtitle
{
 background:url(../images/titles/confirm.jpg) top left no-repeat;
}
#rightpage h3.termstitle
{
 background:url(../images/titles/terms.jpg) top left no-repeat;
}
#rightpage h3.press
{
 background: url(../images/titles/press.jpg) top left no-repeat;
}
#rightpage h3.privacy
{
 background: url(../images/titles/privacy.jpg) top left no-repeat;
}
#rightpage h3.officesign
{
 background:url(../images/titles/vo_office.jpg) top left no-repeat;
}
#rightpage h3.thankyou
{
 background: url(../images/titles/thankyou.jpg) top left no-repeat;
}
#rightpage h3.error
{
 background:url(../images/titles/error.jpg) top left no-repeat;
}

#rightpage h3.testimonial
{
 background:url(../images/titles/testimonials.jpg) top left no-repeat;
}

#rightpage h3.pressh3
{
 width: 650px;
 height: auto;
 color:#72113D;
 line-height: 1.3em;
 margin:0 0 10px 0px;
}
/* ******************************************** */

#rightpage
{
 width: 713px;
 min-height: 530px;
 height: auto !important;
 height: 530px; 
 float: right;
 background: /*url(../images/boy.jpg) 420px 10px no-repeat*/ #fff;
 text-align:left;
 padding-left: 20px;
 padding-bottom: 10px;
 color: #72103d;
 line-height: 1.2em;
 position:relative;
}


#rightpage p
{
 width: 650px;
 margin-bottom: 15px;
 margin-left: 5px;
}

#rightpage ul
{
 width: 345px;
 margin-bottom: 15px;
 margin-left: 20px;
 padding-left: 20px;
 padding-top: 15px;
}

#rightpage ul li
{
 width: 345px;
 margin-bottom: 5px;
}

/* ************TERMS*************************** */
#terms
{
 margin:1.4em;
 text-align:left;
}
#terms dl
{
 padding:2em;
}
#terms dl dt
{
 font-size:1.1em;
 font-weight:bold;
}
#terms dl dd
{
 margin-bottom:1em;
}


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

#rightpage ul.bigul, #rightpage ol.bigul {
  min-height:  150px;
  height: auto !important;
  height: 150px;
  background: url(../images/ul.jpg) left top no-repeat;
}

#rightpage ul.smallul, #rightpage ol.smallul {
  min-height:  85px;
  height: auto !important;
  height: 85px;
  background:url(../images/ulsmall.jpg) left top no-repeat;
}


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

#map
{
 width: 650px;
 height: 400px;
 margin: 5px auto;
 text-align:center;
}

/* ********************************************** */
#login
{
 width: 300px;
 margin: 10px auto;
}

#packageinfo
{
 font-size:1em;
 margin-top:0.3em;
 padding-left:11em;
}
#packageinfo h3
{
 font-size:1em;
 margin-bottom:0.2em;
}
#packageinfo ul
{
 margin:0;
 padding:0;
 padding-left:1.3em;
 list-style:disc;
}
.ajax-loading {
	height:32px;
	padding: 4px 0;
	background: url(../images/spinner.gif) no-repeat center;
}

/****************
    CLASSES
*****************/

#rightpage img.propimgs
{
 padding: 2px;
 margin-right: 5px;
 float: left;
}

#rightpage h3.h3proptitle
{
 width: 650px; 
 margin-left: 10px;
 margin-bottom: 5px;
 float: left;
}

#rightpage h3.h3proptitle a
{
 color: #72103d;
}

#rightpage p.pprop
{
 float: left;
 width: 620px;
 height: auto;
 padding: 5px;
 background: #dfe7ef;
}

#rightpage p.bottomlinks
{
 width: 640px;
 text-align:center;
 background: #dfe7ef;
 margin: 5px auto;
 padding: 5px;
}
#terms
{
 width:95%;
 height:300px;
 overflow:scroll;
}
.title
{
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 10em;
	font-size:1.1em;
	font-weight:bold;
}

.value
{
}
.smaller
{
	font-size:0.85em;
}

/* In Place editr */
.ineditor
{
 cursor:pointer;
}
.holder
{
 /*float:left;*/
}

form.inplaceeditorform { /* The form */
   width:350px;
   /*float:left;*/
   margin:0;
   padding:0;
   display:inline;
}

form.inplaceeditorform input[type="text"] { /* Input box */
}

form.inplaceeditorform textarea { /* Textarea, if multiple columns */
	overflow:hidden;
	/*height:30px;*/
	line-height:1em;
}

form.inplaceeditorform input[type="submit"] { /* The submit button */
  margin-left:1em;
}
form.inplaceeditor-saving { background: url(/images/ajax-loader.gif) bottom right no-repeat; }

form.inplaceeditorform a { /* The cancel link */ 
  margin-left:1em;
}
.editable{
   /*width:350px;*/
   /*float:left;*/
   cursor:pointer;
}