/* theme background images */

html { background: url('repeat.bg.jpg') repeat-x top; } /* background repeating image */
body { background: url('center.bg.jpg') no-repeat center top; }/* background center image */

#logo {
  margin: 13px 0px 0px 25px;
}

.extra_space {
  margin-bottom: 50px;
}

.float-left {
  float: left;
}

.success-message {
  display: block;
  border: 1px solid #78b46c;
  background-color: #d9fcd2;
  color: #469137;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 20px 0px;
}

.error-message {
  display: block;
  border: 1px solid #970000;
  background-color: #f6b9b9;
  color: #970000;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 20px 0px;
}

#slides img {
  height: auto;
  width: 600px;
}

#folio #filter {
  display: block;
}

/* brief styling */
#brief h1 { 
  font-size: 32px;
  white-space: normal;
  margin-bottom: 10px;
}
#brief h2 {
  font-size: 25px;
  margin-bottom: 0px;
}

#brief a.signup, #brief a.more {
  display: block;
  float: left;
  height: 58px;
  line-height: 58px;
  width: 230px;
  text-indent: -20px;
  background: transparent url('brief.bg.png') no-repeat right center;
  text-align: center;
  color: #3d3c3c;
  font-weight: 800;
  font-size: 24px;
  text-shadow: White 0px 1px 0px;
  margin: 15px 0px 0px 0px;
}
#brief a.signup {  }

#brief .register, #brief .register a {
  color: #ffffff;
}

#brief .register .register_text {
  width: 380px;
  float: left;
  margin: 0px 10px 0px 0px;
}
#brief .register .register_text h2 {
  line-height: normal;
  margin: 0px 0px 10px 0px;
}

#brief .register .register_images {
  width: 480px;
  float: right;
}
#brief .register .register_images img{
  margin: 0px 5px 10px 0px;
  float: right;
}

/* index page */
.index-list li {
  font-size: 16px;
  margin: 0px 0px 20px 0px;
}

.index-clients h3 {
  margin: 0px 0px 20px 0px;
}

.index-clients img {
  margin: 0px 0px 5px 0px;
  border: 1px solid white;
}

.index-clients .button-link {
  margin: 10px 0px 0px 0px;
}

#brief .index-header h1 {
  font-size: 39px;
}

/* buttons */
.button-link a, .button-link a:hover {
  color:#ffffff;
}

.button-link input {
  height: 38px;
  font-family: Myriad Pro, Trebuchet MS, Arial, Sans-Serif;
  cursor: pointer;
}

.grey_button_small {
  display: block;
  height: 38px;
  line-height: 33px;
  width: 138px;
  background: transparent url('button_grey_small.png') no-repeat;
  text-align: center;
  color: #ffffff;
  font-weight: 800;
  font-size: 14px;
}

.grey_button_large {
  display: block;
  height: 40px;
  line-height: 35px;
  width: 254px;
  background: transparent url('button_grey_large.png') no-repeat;
  text-align: center;
  color: #ffffff;
  font-weight: 800;
  font-size: 14px;
}

.grey_button_large_smallerheight {
  display: block;
  height: 40px;
  line-height: 25px;
  width: 254px;
  background: transparent url('button_grey_large_smallerheight.png') no-repeat;
  text-align: center;
  color: #ffffff;
  font-weight: 800;
  font-size: 14px;
}

.green_button_small {
  display: block;
  height: 38px;
  line-height: 33px;
  width: 138px;
  background: transparent url('button_green_small.png') no-repeat;
  text-align: center;
  color: #383838;
  font-weight: 800;
  font-size: 14px;
}

.green_button_large {
  display: block;
  height: 40px;
  line-height: 35px;
  width: 254px;
  background: transparent url('button_green_large.png') no-repeat;
  text-align: center;
  color: #3d3c3c;
  font-weight: 800;
  font-size: 14px;
}

.red_button_small {
  display: block;
  height: 38px;
  line-height: 33px;
  width: 138px;
  background: transparent url('button_red_small.png') no-repeat;
  text-align: center;
  color: #383838;
  font-weight: 800;
  font-size: 14px;
}

.red_button_large {
  display: block;
  height: 40px;
  line-height: 35px;
  width: 254px;
  background: transparent url('button_red_large.png') no-repeat;
  text-align: center;
  color: #3d3c3c;
  font-weight: 800;
  font-size: 14px;
}

.download_button {
  display: block;
  height: 38px;
  line-height: 38px;
  width: 138px;
  text-indent: 20px;
  background: transparent url('download_button.png') no-repeat;
  text-align: center;
  color: #383838;
  font-weight: 800;
  font-size: 14px;
}



/* login page */
#login {
  display: block;
  float: left;
  height: 58px;
  line-height: 54px;
  width: 320px;
  text-indent: -20px;
  background: transparent url('brief.bg.png') no-repeat right center;
  text-align: center;
  color: #3d3c3c;
  font-weight: 800;
  font-size: 24px;
  text-shadow: White 0px 1px 0px;
}

#login a {
  color: #3d3c3c;
}

#login.signup-button {
  margin: -10px 0px 0px 0px;
}

/* sidebar styling */
#sidebar h4 {
  font-size: 14px;
  margin: 30px 0px 7px 0px;
}

#sidebar li {
  font-size: 12px;
  padding-left: 4px;
  line-height: normal;
  margin-bottom: 1em;
}

#sidebar li a {
  white-space: normal;
  display: inline;
  padding-left: 4px;
  line-height: normal;
}

#sidebar textarea {
  height: 150px;
}

#sidebar .button-link input {
  height: 38px;
  cursor: pointer;
}

#sidebar input {
  height: 20px;
}

#sidebar .form-field {
  border: 1px solid #dfdfdf;
  background-color: #ffffff;
  width: 200px;
  color: #a1a1a1;
  font-family:  Myriad Pro, Trebuchet MS, Arial, Sans-Serif;
}

/* expert pages styling */
.expert-left-content {
  float:left;
  margin: 0px 30px 0px 0px;
}

.expert-right-content {
  float:left;
}

.about-profile img, .about-profile h3 {
  margin-bottom: 20px;
}


/* register form */
.register-form {
  border: 1px solid #dfdfdf;
}

.register-form th {
  text-align: right;
}

.register-form input {
  font-family: Myriad Pro, Trebuchet MS, Arial, Sans-Serif;
}

tr.form-field input {
  font-size: 12px;
  height: 2em;
  width: 25em;
  background: #ffffff;
  border: 1px solid #dfdfdf;
}

tr.form-invalid {
  background-color: #ffebe8 !important;
}

tr.form-invalid input {
  border-color: #cc0000 !important;
}

.forgetmenot {
  margin: -20px 0px 20px 162px;
}

/* video detail page */
.videopage, .postbody { background: White url('../img/videopage.bg.png') repeat-y center; }
.videopage { margin-bottom: 2.5em; }

.videopage .posttop, .videopage .postfoot { background: url('../img/videopage.bg.png') no-repeat left top; clear: both; }
.videopage .posttop { height: 3.5em; position: relative; }
.videopage .postfoot { height: 2em; background-position: right bottom; }



/* account page styling */
.video_thumbnail {
  float:left;
  margin: 0px 20px 10px 0px;
  display: inline;
}

.video_thumbnail img {
  border: none;
}

.video_thumbnail .video_info {
  font-size: 10px;
}

/* footer styling */
#foot {
  background: #525252;
  color: #ffffff;
  font-size: 12px;
}

#foot .formatted ul {
  min-height: 130px;
}

#foot .formatted ul li ul {
  margin: 10px 0px 0px 0px;
}

#foot .blogposts p { line-height: 1.2em; }
#foot .blogposts a:after { content: " »"; }
#foot .blogposts ol, #foot .blogposts ul { list-style: none; margin: 0px; }

#foot .blogposts ul li {
  margin: 0px 0px 20px 0px;
  line-height: 17px;
}

#foot .formatted ul li a {
  color: White;
  font-size: 1.2em;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1.25;
}

#foot .formatted ul li a:after { content: "";}

#foot .formatted ul li ul li a {
  font-size: 12px;
  font-weight:normal;
}

#foot .formatted ul li ul li a:after {
  content: " »";
}

/* links coloring */

a { color: #49b; } /* text links color */
a:hover { color: #38a; } /* hover color (you can remove this) */


.logoutput {
  background-color: #ffffff;
}

/* dropdowns */

#nav, #nav ul { list-style: none; padding: 0px; margin: 0px; z-index: 999; position: relative; }

#nav li { float: left; position: relative; z-index: 998; }
#nav li a { display: inline-block; white-space: nowrap; }

#nav ul { display: none; position: absolute; left: 0px; }
#nav ul li { float: none; }
#nav ul li a { width: 10em; }
#nav ul ul { top: 0px; left: 10em; }

#nav li:hover > ul { display: block; }

#nav ul { top: 80px; }
#top { z-index: 990; }

#nav ul { background-color: #f7f7f7; }
#nav ul li a { height: 50px; line-height: 50px; background-image: none !important; }
#nav ul li a:hover, #nav ul li.current_page_item a { background-color: #EBEBEB; }