/* -----------------------------------------------------------------------------
Project:	 IBTIX
Version:	 2.0
Last change: 05/05/2008 integration of layout stylesheet
----------------------------------------------------------------------------- */

p {
  margin-bottom: 10px;
}

#container h3 {
	margin: 10px 0 10px 0;
	background: #373737 url('../img/h3-main.png') repeat-x bottom left;
	color: #fff;
	padding: 3px 5px 8px 5px;
}
.company-description h3 {
	margin-top: 40px !important;
}

#line-intro {
  margin: 20px 0 40px 0!important;
  
}

#line-intro h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:32px;
  color: #333333;
  font-weight:normal;
  line-height: 37px;
}

#line-intro h3{
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  color: #628FAD;
  background:none;
  font-weight: normal;
  margin: 0px; padding: 0px;
}

#brief-intro {
	background: #fff url('../img/boxes/brief-intro.gif') no-repeat top left;
	width: 631px;
	height: 300px;
	padding: 15px 10px 10px 10px;
	position: relative;
	margin-bottom: 40px;
}
  #brief-intro ul {
    list-style: none;
    margin-left: 12px;
    float: left;
    width: 260px;
	
  }
		#brief-intro ul li {
			margin-bottom: 10px;
			padding-left: 31px;
			background: url('../img/brief-intro-arrow.gif') no-repeat 0 4px;
		}
		#brief-intro ul.second-column {
			margin-left: 65px
		}
	
		
	/*#brief-intro #signup-button {
		position: absolute;
		top: 260px;
		left: 435px;
	}*/
	

	
	
	#registration-prompt {
	  display: none;
	}
	#registration-prompt {
    /*position: absolute !important;
    top: -80px !important;
    left: 635px !important;*/
	position: absolute;
    top: -80px;
    left: 635px;
    width: 335px;
    height: 151px;
    z-index: 100;
    background: #fff url('../img/boxes/popup-box.gif') no-repeat top left;
	}
	
	#registration-prompt span
	{
	font-size: 13px;
	color: #000;
	position: relative;
	bottom: 6px;
	}
	
	#registration-prompt a:hover
	{
    text-decoration:none;
	}
	
	
	#signup-box #registration-prompt {
	  left: 250px !important;
	  top: 50px !important;
	  padding: 0
	}
	  #registration-prompt p {
	    padding: 18px 20px 0px 40px;
	    margin: 0
	  }
	  #business-agencies {
	    padding: 8px 20px 20px 40px
	  }
		#registration-prompt a, #registration-prompt a:visited, #registration-prompt a:link {
			font-size: 1.5em;
		}
		
		
#signup-box p {
margin-right: 10px;
}


.members-features {
	width: 316px;
	height: 320px;
	/* overflow: hidden; */
	background: url('../img/boxes/outline-box.png') no-repeat top left;
	float: left;
	position:relative;
	bottom: 15px;

	
}
	.members-features h3 {
		font-style: italic;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-weight: normal;
		margin: 25px 25px 0 25px !important;
		font-size: 1.6em;
		padding: 10px 0 10px 56px !important;
		color: #000 !important;
	}
	#signup-box div,
	#innovation-comm div {
	  padding: 30px;
	}
	#signup-box {
	  position: relative;
	}
	#new-members h3 {
		background: url('../img/members-features-new.png') no-repeat top left;

	}
	#feat-partners h3 {
		background: url('../img/members-features-old.png') no-repeat top left;
	}
	.members-features ul {
		list-style: none;
		font-size: .9em;
	}
	.members-features ul {
		margin: 10px 35px 0 30px;
	}
		.members-features ul li {
			margin-bottom: 10px;
			width: 100%
		}
		.members-features ul li.set-height {
font-weight: bold;
			/* height: 35px; */
		}
		.members-features ul .logo-row {
      text-align: center;
      height: 100px;
      vertical-align: middle;
      display:table-cell;
      width: 234px
		}
		
.first-box {
	margin-right: 25px;
	margin-left: -14px;
}
#ibtixgold {
	width: 650px;
	height: 269px;
	padding-top: 40px;
	margin-left: -10px;
	overflow: none;
	background: #fff url('../img/boxes/ibtix-gold.gif') no-repeat top left;
}
  #ibtixgold h2 {
    display: none;
  }
  #ibtixgold ul {
    margin: 0 0 0 180px;
  }

.textbody ul, .textbody ol {
	margin: 15px 0 15px 30px;
}
.textbody ul, .textbody ol, ul.squarebullets,
.newsposts ul {
  margin-top: 15px;
  list-style-image: url('../img/list-icon.gif');
}

  .link-bottom-preview {
    text-align: right;
    padding: 0 40px;
  }
    .link-bottom-preview a,
    .link-bottom-preview a:link 
    .link-bottom-preview a:visited {
      text-decoration: underline;
    }

  .textbody ul li, .textbody ol li{
    margin-bottom: 5px;
  }


#opensearchform {
	padding: 0 0 10px 10px;
}
  #opensearchform form {
    font-size: .9em;
  }
  
  #opensearchadvanced .form-row {
    padding: 5px 0;
  }
    #opensearchadvanced label {
      font-size: .9em;
    }
    #opensearchadvanced input,
    #opensearchadvanced select {
      font-size: 1em;
    }
/* -------------------------------------------------------------------------- */
/* Typography                                                                 */

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

h2 {
  font-size: 1.4em;
	margin: 20px 0;
}
  #main h3 {
    border-top: 1px solid #67707F;
    font-size: 1.1em;
    padding: 2px 5px;
    background-color: #C7DEEC;
		color: #4F5359;
  }
	h4 {
		margin: 5px 0;
	}

#main p {
  line-height: 150%;
  margin: 10px 0;
}


table tr td {
	vertical-align: top;
}

/* -------------------------------------------------------------------------- */
/* General styles                                                             */
.confirm {
  border: 1px solid #59d153;
  padding: 2px;
  margin: 10px 0;
  background-color: #d2f3d0;
}

.error {
  border: 1px solid red;
  padding: 10px;
  margin: 10px 0;
	background-color: #ffbaba;
}

.debug {
  font-family: Courier New, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
}
br.clear {
  clear: left;
}
.settingGroup {
	border: 1px solid #CCDDEE;
	background-color: #ECF3F9;
	margin: 5px 0;
	padding: 5px 10px;
}
.settingGroup form {
	background-color: #ECF3F9;
}

/* -------------------------------------------------------------------------- */
/* Links                                                                      */
a,
a:link,
a:visited {
 text-decoration: none;
 color: #0059D4;
}
a:focus,
a:active,
a:hover {
 color: #0448A7;
 text-decoration: underline;
}
#content a.link,
#content a:link.link,
#content a:visited.link {
 border-bottom: 1px dotted #0059D4;
}
#content a:focus.link,
#content a:active.link,
#content a:hover.link {
 border-bottom: 1px solid white;
}
#content ul.contentlist {
	list-style: square;
	margin-left: 15px;
}
#content ol.contentlist {
	margin-left: 15px;
}
#content ul.contentlist li, #content ol.contentlist li {
	margin-bottom: 5px;
}
.highlightbox {
	background: #363636;
	color: #fff;
	padding: 5px;
}
	.highlightbox a {
		color: white;
		font-weight: bold;
	}

a img,
a:link img,
a:visited img {
  border: none;
}


/* -------------------------------------------------------------------------- */
/* confirm messages, errors etc                                               */
.feedback-box {
  padding: 5px;
  margin: 20px 0;
  list-style: none;
  color: #000;
  font-size: 1.1em;
}
.ok-box {
  border: 5px solid #ccffaa;
  background: #a7ff6c url('../img/button_ko.png') no-repeat 5px 5px;
}
.ko-box {
  border: 5px solid #fffdc1;
  background: #fffa6c url('../img/button_ko.png') no-repeat 5px 5px;
}

.profileContactList {
  border-bottom: 1px solid grey;
  padding: 5px 0;
}
.profileContactList span {
  float: right;
}

/* -------------------------------------------------------------------------- */
/* Profile page                                                               */
.sponsormacroarea {
	width: 300px;
	height: 176px;
	margin-right: 20px;
	float: left;
	background: #fff url('../img/layout/randomusercompany.png') no-repeat;
	border: 2px dotted red;

}
	.sponsormacroarea h2 {
		margin: 0;
		border-bottom: none;
		color: #E7EDF7;
		text-transform: uppercase;
		font-size: 1em;
		margin: 15px 0 0 10px;
	}
		.sponsormacroarea h2 a,
		.sponsormacroarea h2 a:link,
		.sponsormacroarea h2 a:visited {
			color: #E7EDF7;
			vertical-align: center;
		}

	.sponsormacroarea p {
		padding: 20px 5px 0 2px;
		height: 105px;
		text-align: center;
		line-height: 100% !important;
	}



/* -------------------------------------------------------------------------- */
/* Profile page                                                               */
.company-resume {
}
  .company-resume div {
  }
  .link-functions {
  	float: left;
  	width: 215px;
  }
  .comapany-brief-intro {
  	margin-left: 235px;
  }
    .comapany-brief-intro li {
      margin-bottom: 10px;
    }
  .company-resume ul {
    list-style: none;
  }
    .company-resume ul.link-functions li {
      border-bottom: 1px solid #e1e1e1;
      padding: 2px 0;
    }
.company-description {
	margin-top: 20px;
}
  .company-description p {
    margin: 0 0 10px 0;
  }
.mediagallery-area p {
	float: left;
	overflow: auto;
	margin-right: 15px !important;
}

#box-recommendation {
  max-height: 400px;
  overflow: auto;
  width: 100%;
  border-top: 1px solid grey
}
  .single-recommendation {
    border-bottom: 1px solid grey;
    padding-top: 8px;
  }
    .single-recommendation img {
      float: left;
      width: 100px;
    }
    .single-recommendation div {
      margin-left: 120px;
      min-height: 100px;
    }
/* -------------------------------------------------------------------------- */
/* Search page                                                                */
.company-overview {
	width: 100%;
}
.searchResult, div.network {
  border-bottom: 1px solid #0f0f0f;
	margin-bottom: 20px;
  padding-bottom: 20px;
}
  .company-overview .companyLogo {
    float: left;
		width: 200px;
  }
  .company-overview .companyInfo {
    margin-left: 220px;
    list-style: none;
		width: 300px;
  }
    .companyInfo em {
      color: grey;
      font-style: normal;
    }
    .company-overview .companyInfo h2 {
      margin: 0;
    }
  .company-overview .companyMenu {
    list-style: none;
  }
    .company-overview .companyMenu li {
      border-bottom: 1px solid #eee;
      margin-bottom: 2px;
      padding: 1px 3px;
    }

/* -------------------------------------------------------------------------- */
/* header, join now                                                          */


.stripViewer {
	position: relative;
	overflow: hidden;
	width: 322px
}
.stripViewer .panelContainer {
	position: relative;
	left: 0;
	top: 0;
}
.stripViewer .panelContainer .panel {
	float: left;
	height: 100%;
	position: relative;

}
.stripNavL, .stripNavR, .stripNav {
	display: none;
}

#memberspreview {
	background: url('../img/layout/newmembers.png') no-repeat top left;
	width: 327px; /* 333 */
	height: 163px; /* 169 */
	overflow: hidden;
	padding: 5px;
	float: left;
}

	#memberspreview h2, #partnerspreview h2 {
			color: #fff;
			margin: 0; /* reset style */
			padding: 0;  /* reset style */
			margin: 4px 0 3px 5px;
	}
	#memberspreview h2 a, #memberspreview h2 a:visited, #memberspreview h2 a:link,
	#partnerspreview h2 a, #partnerspreview h2 a:visited, #partnerspreview h2 a:link,
		#memberspreview .stripViewer {
			width: 324px;
			height: 135px;
			margin-top: 10px;
		}
		#memberspreview .stripViewer .panelContainer .panel {
			width: 324px;
		}
		#memberspreview .imagewrapper {
			width: 166px;
			text-align: center;
			background: url('../img/layout/newmembers-line.gif') repeat-y top right;
			float: left;
			padding: 10px 0 10px 0;
			height: 105px; /* 128 */
			margin-top: 0px;
		}
		#memberspreview .squarebullets {
			margin-left: 176px;
		}
		#memberspreview ul { margin-top: 0 !important; padding-top: 10px !important; }
		
		#memberspreview .panelContainerx .imagewrapper {
			padding: 10px 0 10px 0;
			height: 105px; /* 128 */
			margin-top: 5px;
		}

#partnerspreview {
	float: left;
	background: url('../img/layout/partner-preview-bg.png') no-repeat top left;
	width: 155px; /* 165 */
	height: 165px; /* 175 */
	padding: 5px;
	overflow: hidden;
}
#partnerspreview .panel {
	text-align: center;
}
		#partnerspreview .stripViewer {
			width: 155px;
			height: 135px;
		}
		#partnerspreview .stripViewer .panelContainer .panel {
			width: 155px;
		}
		#partnerspreview .imagewrapper {
			width: 150px;
			text-align: center;
			float: left;
			padding: 10px 0 0 0;
			height: 128px; /* 128 */
		}
		
#joinnow {
	width: 313px; /* 333 */
	height: 149px; /* 169 */
	padding: 10px;
	overflow: hidden;
	color: #fff;
	margin-left: 337px;
	background: url('../img/layout/bg-signupdiv.png') no-repeat top left;
}
#joinnow h2 {
	border-bottom: none;
	margin-bottom: 5px;
	width: 230px;
}
#joinnow p {
	line-height: 110%;
}

/* -------------------------------------------------------------------------- */
/* sidebar					                                                          */
#google_translate_element {
	margin: 20px 15px 0 20px;
}
#account-buttons {
	padding-left: 10px;
}	
	#account-buttons a,
	#account-buttons a:link,
	#account-buttons a:visited {
		color: #fff;
	}
	#account-buttons a:active,
	#account-buttons a:focus,
	#account-buttons a:hover {
		text-decoration: underline;
	}

#sidebar h4 {
	font-size: 1.3em;
}
.events {
	background-color: #44535C;
	border: 1px solid #7C94A1;
	padding: 5px;
	width: 195px;
	color: #fff;
	margin: 0 auto;
}
.events a, .events a:link, .events a:visited {
	color: #fff;
}

.newsposts {
	background: url('../img/boxes/right-repeater.png') no-repeat top left;
	width: 317px;
	margin: 0 !important;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
  .newsposts h4 {
    color: #fff;
    font-weight: bold;
    padding: 4px 0 4px 32px;
    font-size: 1em !important;
    text-transform: uppercase;
  }
    .newsposts h4 a, .newsposts h4 a:link, .newsposts h4 a:visited{
      color: #fff;
    }
  .newsposts ul {
    margin: 15px 35px 0 45px;
  }
  

  
  .newsposts div {
    margin: 15px 35px 0 35px;
  }



/* -------------------------------------------------------------------------- */
/* Some style for the sidebar                                                 */
#sidebar form {
  background-color: transparent;
}
#sidebar fieldset {
  background-color: transparent;
}

/* -------------------------------------------------------------------------- */
/* contacts                                                                   */
.company-contact {
  width: 48%;
  float: left;
}
  .company-contact p {
    margin: 1px 0 !important;
  }

    .company-contact p.email {
      background: #fff url('../img/contacts/mail.png') no-repeat left;
      padding-left: 26px;
    }
    .company-contact p.fax {
      background: #fff url('../img/contacts/phone.png') no-repeat left;
      padding-left: 26px;
    }
    .company-contact p.tel {
      background: #fff url('../img/contacts/phone.png') no-repeat left;
      padding-left: 26px;
    }
    .company-contact p.skype {
      background: #fff url('../img/contacts/skype.png') no-repeat left;
      padding-left: 26px;
    }
    .company-contact p.url {
      background: #fff url('../img/contacts/webexport.png') no-repeat left;
      padding-left: 26px;
    }

/* -------------------------------------------------------------------------- */
/* pagination                                                                 */
p.pagination {
  margin: 0;
  margin-top: 3px;
  font-size: .9em;
  text-align: center;
	margin-left: 20px;
}

p.pagination a {
  border: 1px solid #ccdbe4 ;
  margin-right: 2px;
  padding: 0px 4px;
  text-decoration: none;
  color: #0061de;
	height: 15px;
}

p.pagination a:hover, p.pagination a:active {
  border: 1px solid #2b55af !important;
  background-image:none;
  background-color:#3666d4;
  color: #fff;
}

p.pagination span.current {
	border: 1px solid #ccdbe4 !important;
	margin-right: 2px;
	padding: 0px 4px;
	font-weight: bold;
	color: #fff;
	background-color: #0061de;
	height: 15px;
}

p.pagination span.disabled {
  display: none;
}

p.pagination a.next{
  border: 2px solid #ccdbe4;
  margin: 0 0 0 10px;
}

p.pagination a.next:hover{
  border: 2px solid #2b55af;
}

p.pagination a.prev{
  border: 2px solid #ccdbe4;
  margin: 0 10px 0 0;
}

p.pagination a.prev:hover{
  border: 2px solid #2b55af;
}








/**
** slideshow **
**/
#slideshow {
	position: relative;
}
  #slideshow #slidesContainer {
    margin: 0 auto;
    width: 225px;
    overflow: auto;
    position: relative;
  }
#slideshow #slidesContainer .slide {
  margin: 0 auto;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  width:17px;
  height:17px;
  cursor: pointer;
}
#leftControl {
  background:transparent url(none);
  margin: 0 10px 0 10px
}
#rightControl {
  background:transparent url(none);
}


/**
* tables
*
**/
table.ibtable {
	color: #000;
	border-collapse: collapse;
	width: 100%
}

table.ibtable, caption {
	margin: 0 auto;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC
}

table.ibtable caption, table.ibtable th, table.ibtable td {
	border-left: 0;
	padding: 10px
}

table.ibtable caption, table.ibtable thead th, table.ibtable tfoot th, table.ibtable tfoot td {
	background-color: #E63C1E;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

table.ibtable thead th {
	background-color: #e1e6e8;
	color: #000;
	text-align: center
}

table.ibtable tbody th {
	padding: 20px 10px
}

table.ibtable tbody tr.odd {
	background-color: #F7F7F7;
	color: #000
}

table.ibtable tbody a:active,table.ibtable tbody a:hover, table.ibtable tbody a:focus, table.ibtable tbody a:visited {
	color: #000
}

table.ibtable tbody tr:hover {
	background-color: #EEE;
	color: #000
}

/*
dashboard
*/

.feed-box {
  border-bottom: 1px solid #ccc;
  margin: 5px 0;
  vertical-align: middle;
}
  .feed-box a img {
    margin-right: 10px
  }
  .feed-box a {
    vertical-align: middle;
  }
  
  
  
	a.sign-up-button
     {
     background: url('../img/sign-up-now.gif') #000;
     width: 123px;
     height: 33px;
     float: right;
	 position:relative;
	 bottom: 35px; right: 20px;
	 color: #fff;
	 font-size: 16px;
	 font-weight: bold;
	 text-shadow: 0px -1px 0px #000;
	 padding: 10px 0px 0px 20px;
	 	 text-decoration:none;
     }
	 
	 a.sign-up-button:hover
     {
     background: url('../img/sign-up-hover.gif') #000;
     }
	 
	 .sign-up-button2
	 {
     top:1px;
	 }
	 
	.regposition1
	{    
	position: absolute !important;
    top: -80px; !important;
	}
	
	.regposition2
	{    
	position: absolute !important;
    top: 200px !important;
	}
	





/*
------------------------------
	Impromptu's
------------------------------
*/
.jqiwarning .jqi{ background-color: #b0be96; }
.jqifade{
  position: absolute;
  background-color: #fff;
}
div.jqi{
  position: absolute;
  background-color: #cae5f8;
  padding: 10px;

  text-align: left;
}
div.jqi .jqiclose{
  display: none;
}
div.jqi .jqicontainer{
  background-color: #fff;
  color: #000;
  padding: 10px 20px;
  font-size: 1.4em
}
div.jqi .jqimessage{
	background-color: #fff;
}
div.jqi .jqibuttons{
	text-align: right;
	padding: 10px;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

.jqicontainer h1 {
  background-color: #0277de;
  color: #fff;
  padding: 5px;
  font-size: 1.5em;
}

.jqicontainer p {
  padding: 5px;
}


/*
------------------------------
	impromptu
------------------------------
*/
.impromptuwarning .impromptu{ background-color: #aaaaaa; }
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptuclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #213e80;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/*
------------------------------
	columns ex
------------------------------
*/
.colsJqifadewarning .colsJqi{ background-color: #b0be96; }
.colsJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.colsJqi{
    position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqiclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #bbbbbb;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
	height: 140px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
------------------------------
	brown theme
------------------------------
*/
.brownJqiwarning .brownJqi{ background-color: #cccccc; }
.brownJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.brownJqi{
	position: absolute;
	background-color: transparent;
	padding: 10px;
	width: 300px;
	text-align: left;
}
div.brownJqi .brownJqiclose{
    float: right;
    margin: -20px 0 0 0;
    cursor: pointer;
    color: #777777;
    font-size: 11px;
}
div.brownJqi .brownJqicontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #5F5D5A;
	color: #ffffff;
	font-weight: bold;
}
div.brownJqi .brownJqimessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.brownJqi .brownJqimessage h3{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4D4A47;
}
div.brownJqi .brownJqimessage p{
	padding: 10px;
	color: #777777;
}
div.brownJqi .brownJqimessage img.helpImg{
	position: absolute;
	bottom: -25px;
	left: 10px;
}
div.brownJqi .brownJqibuttons{
	text-align: right;
}
div.brownJqi button{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
}
div.brownJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
*------------------------
*   clean blue ex
*------------------------
*/
.cleanbluewarning .cleanblue{ background-color: #acb4c4; }
.cleanbluefade{ position: absolute; background-color: #aaaaaa; }
div.cleanblue{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; width: 300px; font-size: 11px; text-align: left; border: solid 1px #213e80; }
div.cleanblue .cleanbluecontainer{ background-color: #ffffff; border-top: solid 14px #213e80; padding: 5px; font-weight: bold; }
div.cleanblue .cleanblueclose{ float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
div.cleanblue .cleanbluemessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; }
div.cleanblue .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.cleanblue button{ padding: 3px 10px; margin: 0 10px; background-color: #314e90; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.cleanblue button:hover{ border: solid 1px #d4d4d4; }

* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
html {
  color: #000;
}
body {
  /*font: 0.84em/1.333 "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;*/
  font: 0.84em/1.333 "Arial", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 62.5%; /* Resets 1em to 10px */
  color: #333;
  background: #fff url('../img/ibtix-header.jpg') no-repeat top center;
}
  #wrapper {
    width: 960px;
    margin: 0 auto;
    font-size: 1.25em;
  }
    #container {
      width: 645px;
      float: left;
    }
    #sidebar {
      width: 310px;
      margin-left: 650px;
    }
    	#sidebar #login-box {
    		width: 316px;
    		height: 380px;
    		background: url('../img/boxes/signin-box.png') no-repeat top left;
    		display: none;
    	}
				#sidebar #login-box form {
					padding: 80px 30px 0 25px;
				}
					#sidebar #login-box form fieldset {
						margin-top: 10px;
					}
					
						#sidebar #login-box form input.inputstyle{
						background: url('../img/forminput.gif') left top no-repeat;
						width:234px;
						height:24px;
						border:none;
						padding: 5px 0 0 5px;
						position:relative;
						right: 1px;
						}
					
    	#sidebar #opensearchform {
    		width: 267px;
    		height: 430px;
    		background: url('../img/boxes/searchbox.jpg') no-repeat -31px 0;
    		padding: 80px 30px 0 20px;
    	}
					#sidebar #opensearchform fieldset {
						margin-top: 14px;
					}
					
    #footer {
      width: 960px;
      clear: left;
      margin: 0 auto;
    }
  
img {
	border: none;
	line-height: 0;
}
a {
  text-decoration: none;
}
a:focus, a:active {
  outline: none;
}


/* -------------------------------------------------------------------------- */
/* header																																		  */

#header {
	width: 960px;
	margin: 0 auto;
}
#header h1 {
  background:url('../img/ibtix-logo.png') no-repeat;;
  height: 95px;
  display: block;
  margin-left: -14px;
  margin-top: 20px;
	width: 391px;
	float: left;
}
  #header h1 a {
    display: block;
    width: 391px;
    height: 95px;
    text-indent: -9600px;
    overflow:hidden;
  }

#signed-in-panel {
	text-align: right;
	margin-left: 820px;
}
.signedinbox {
  margin-left: 620px !important;
}
	#signed-in-panel p {
	}
		#signed-in-panel p a, #signed-in-panel p a:link #signed-in-panel p a:visited {
			text-indent: -9600px;
			display: block;
			height: 42px;
			text-align: left;
		}
	
	#signed-in-panel a#signin-btn {
	  background: url('../img/sign-in.png') no-repeat top left;
	  width: 119px;
	}
	#signed-in-panel a#account-btn-top {
	   background: url('../img/account-settings.png') no-repeat top left;
	   float: left;
	   width: 204px;
	}
	#signed-in-panel a#signout-btn-top {
	   background: url('../img/sign-out.png') no-repeat top left;
	   width: 136px;
	   margin-left: 200px;
	}
#nav {
  list-style: none;
  width: 100%;
  margin: 0 auto;
  margin-top: 31px;
	margin-bottom: 10px;
	height: 33px;
}
  #nav li {
    float: left;
  }
    #nav li a, #nav li a:link, #nav li a:visited {
      display: block;
      background-color: #4C4C42;
      border-top: 1px solid #605E52;
      margin-left: 10px;
      color: #fff;
      padding: 6px 10px;
      height: 21px;
      font-size: 1.1em;
      font-weight: bold;
      text-transform: uppercase;
    }
    #nav li.current a, #nav li.current a:link, #nav li.current a:visited {
      background-color: #fff;
      border-top: 1px solid #fff;
      color: #3C3D35;
    }
		#nav li:first-child a, #nav li:first-child a:link, #nav li:first-child a:visited {
			margin-left: 0;
		}
#subnav {
	clear: left;
  list-style: none;
  margin-bottom: 10px;
}
  #subnav li {
    float: left;
  }
    #subnav li a, #subnav li a:link, #subnav li a:visited {
      display: block;
      border-left: 1px solid #605E52;
      margin-left: 10px;
      color: #000;
      padding: 0 0px 0 10px;
      font-size: .8em;
      font-weight: bold;
      text-transform: uppercase;
    }
/* -------------------------------------------------------------------------- */
/* sidebar																																	  */

	#middlepart {
		width: 229px;
		background: #fff url('../img/layout/bg-sidebarmiddlebox.png') repeat-y;
	}
	#bottompart {
		background: #fff url('../img/layout/bg-sidebarbottombox.png') no-repeat;
		width: 229px;
		height: 12px;
	}
/* -------------------------------------------------------------------------- */
/* Footer																																	 	  */
#footer {
  border-top: 1px solid #3D3D3D;
  margin-top: 20px;
}
	#footer p.copyright {
	  margin: 5px;
	  float: left;
	}
  #footer a:active, #footer a:focus, #footer a:hover {
    text-decoration: underline;
  }
#footer .nsdesign, #footer .nsdesign a, #footer .nsdesign a:link, #footer .nsdesign a:visited {
	color: #777;
	text-align: right;
	font-size: 0.7em;
	padding: 3px 0;
}

  #footer ul {
    list-style: none;
    margin-top: 5px;
    text-align: right;
  }
    #footer ul li {
      display: inline;
    }
      #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
        padding: 0 5px;
      }
	  
	  
#socialmedia
{
width: 279px;
height: 60px;
background: url('../img/layout/social-background.gif') no-repeat;
float: right;
margin-right: 20px;
color: #F8F8F8;
font-size: 1.2em;
padding-top: 5px;
}	

#socialmedia a.twitter
{
width: 74px;
height: 32px;
background: url('../img/layout/twitter.gif') no-repeat;
float:left;
margin-top: 5px;
}  

#socialmedia a.twitter:hover
{
background: url('../img/layout/twitter-roll.gif') no-repeat;
}  

#socialmedia a.facebook
{
width: 85px;
height: 32px;
background: url('../img/layout/facebook.gif') no-repeat;
float:left;
margin-top: 5px;
margin-left: 20px;
}  

#socialmedia a.facebook:hover
{
background: url('../img/layout/facebook-roll.gif') no-repeat;
}  


#socialmedia a.linkedin
{
width: 82px;
height: 32px;
background: url('../img/layout/linkedin.gif') no-repeat;
float:right;
margin-top: 5px;
}  

#socialmedia a.linkedin:hover
{
background: url('../img/layout/linkedin-roll.gif') no-repeat;
} 


/* -------------------------------------------------------------------------- */
/* Media upload                                                               */
div #fileupload_wrap div {
	margin: 8px 0;
}



/* -------------------------------------------------------------------------- */
/* Change company status																										  */

form#changestatus  {
	padding: 0;
	width: 420px
}

#changestatus fieldset {
	border: none !important;
	padding: 0
}

	#changestatus label {
		display: block;
		float: left;
		margin: 2px 0 0 0;
		width: 125px
	}
	#changestatus input {
		width: 130px
	}

#changestatus .submitchange {
  background: #272727 url('../img/layout/submitinput.png') repeat-x top !important;
  border: 1px solid #67707F;
  border-left: 2px double #67707F;
  border-right: 2px double #67707F;
	padding: 0.2em;
  color: #fff !important;
  font-weight: normal;
  text-decoration: none;
	margin-top: 3px
}

















/* --------------------------------------------------------------------------- */
/* form css template																													 */
form {
	margin: 0;
	padding: 0
}
form > br {
	display: none;
	*display: block;
}
  form fieldset {
		border: none;
    background-color: #fff;
    padding: 0 0
  }
  form fieldset legend {
    display: none;
  }
  form h2 {
		font-size: 1.8em;
		font-weight: none;
		margin: 20px 0 0 0;
		color: #000;
  }
  form h3 {
		font-size: 1.5em;
		font-weight: none;
		line-height: 10%;
		margin: 0 0 10px 0 !important;
		color: #000;
  }

/* -------------------------------------------------------------------------- */
/* Submit buttons                                                             */
.submit-area {
	margin-top: 0;
	text-align: right;
	padding: 20px 0;
  width: 100%;
}
.submit-area input,
.submitlink, .submitlink:visited, .submitlink:link,
.submitdiv input {
  background: url('../img/button-main.png') repeat-x top left;
  border: none;
  color: #fff;
  font-size: 1.3em;
  padding: 0.3em 0.3em;
  /* margin-left: 10px; */
  font-weight: bold;
  text-decoration: none;
}
/* -------------------------------------------------------------------------- */
/* basic form style                                                           */
    div.form-row {
      margin: 0 0;
			overflow: hidden; /* clear float hack */
			width: 100%; 			/* important for IE < 7*/
			background-color: #fff;
			padding: 10px 0;
    }
		div.form-row-over {
			background-color: #ccc;
		}
      div.form-row div.label-area {
        float: left;
        width: 190px;
        text-align: left;
        margin-right: 10px;
        color: #000;
      }
        div.form-row div.label-area label {
          font-size: 1em;
          font-weight: bold;
          display: block;
					color: #444;
        }
        div.form-row div.label-area span {
          font-size: x-small;
          color: #444;
        }
				div.form-row div.input-area {
					margin-left: 200px;
				}
        div.form-row div.input-area input,
        div.form-row div.input-area select,
        div.form-row div.input-area textarea,
        .recaptchatable #recaptcha_response_field {
          border: 1px solid #d0cece;
          border-left:  1px solid #d0cece !important;
          background-color: #f1f1f1 !important;
          font-size: 1.3em;
        }
        .recaptchatable #recaptcha_response_field {
          font-size: 1.3em !important;
          border: 1px solid #d0cece !important;
        }
        div.form-row div.full-input input,
        div.form-row div.full-input select,
        div.form-row div.full-input textarea {
        	width: 99%;
        }
      div.form-row div.form-row br {
				clear: left;
				font-size: 1px;
				line-height: 1px;
				height: 0 !important;
				margin: 0 !important;
				padding: 0 !important;
      }
      
      
      
      div.form-row-v div.label-area {
        float: none;
        width: 100%;
      }
				div.form-row-v div.input-area {
					margin-left: 0px;
					width: 100%;
				}
      div.form-row-v div.form-row br {
				clear: none;
				display: none;
      }
      
      
      
      
      
      
      
		div.form-row-2 {
			float: left;
			width: 50%;
		}
    div.form-row-2 input {
      width: 100px !important;
    }
		div.form-row-3 {
			float: left;
			width: 33%;
		}
      div.form-row-2 div.label-area, 
      div.form-row-3 div.label-area {
        float: left;
        width: 200px;
        text-align: right;
        margin-right: 10px;
        color: #000;
      }
			div.form-row-2 div.input-area,
			div.form-row-3 div.input-area {
				margin-left: 200px;
			}
			
			
			div.input-area input.text-line {
				width: 420px;
			}
			div.input-area textarea {
				font-family: Calibri, Arial, sans-serif;
				width: 420px;
				height: 100px;
			}
			
			.default-hide {
				display: none;
			}
div.area-radio div div, div.area-checkboxes div div {
	margin-right: 15px;
	margin-bottom: 5px;
	background-color: #dde2e6;
	padding: 2px 5px;
	cursor: pointer;
}
div.area-radio div div {
	float: left;
}

.long-label div.label-area {
	float: none;
	width: 100%;
	text-align: left;
	margin-right: 10px;
	color: #000;
}
.long-label div.input-area {
	margin-left: 5px;
}
	.long-label div.label-area label {
		padding: 5px;
	}
	
#errors-box {
	border: 2px solid #ffd006;
	list-style: none;
	background-color: #faff85;
	margin: 20px 0;
}
	#errors-box li {
		margin: 5px;
	}
	
	
/* recomendation box */
#recommendation-form textarea
{
  width: 100%
}




#user-signup label {
  text-align: right
}
  #user-signup fieldset {
    border: 1px solid #ccc;
    margin-bottom: 5px
  }
  
  #user-signup .submitdiv {
    text-align: center;
    font-size: 18px;
    padding-bottom: 10px !important
  }


#row_reference_code input {
  width: 100px
}
#row_user_fullname input,
#row_user_email input,
#row_user_email_confirm input,
#row_company_name input {
  width: 305px
}