/****----------import css for font awesome icons---------- *********/

@import url(../css/font-awesome.css);


form {padding:0px; margin:0px;}

*:focus {outline:none;}

input, select, textarea {
padding:4px 6px;
display: inline-block;
margin-bottom:0;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
font-weight:normal;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

textarea {font-family:Arial, Helvetica, sans-serif; font-size:.812em;}

/* textarea:focus, textarea.default_fields:focus {background:#fffdd1; border:1px solid #7dbef1; -moz-box-shadow:0 0 5px #7dbef1; -webkit-box-shadow:0 0 5px #7dbef1;} */

select {
    border: 1px solid #BBBBBB;
}

select, input[type="file"] {
    height: 28px;
    line-height: 28px;
}

textarea.default_fields {/*width:auto;*/ height:150px; border:1px solid #a7acb2;}

.form_line {
	margin-bottom:6px;
	padding-bottom:6px;
	width:100%;
	overflow:hidden; /* if used, needs to be hidden because of Opera */
}

*:first-child+html .form_line {margin-bottom:0px; padding-bottom:6px;}

input.text {color:#666;}

/* input.text:focus {background:#fffdd1; border:1px solid #7dbef1; -moz-box-shadow:0 0 5px #7dbef1; -webkit-box-shadow:0 0 5px #7dbef1;} */

input.default_fields, select.default_fields {/*width:auto;*/ border:1px solid #a7acb2;}

input.button, button { 
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #6DFF88 0%, #52BF66 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #6DFF88 0%, #52BF66 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #6DFF88 0%, #52BF66 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6DFF88), color-stop(1, #52BF66));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #6DFF88 0%, #52BF66 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #6DFF88 0%, #52BF66 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6DFF88', endColorstr='#52BF66',GradientType=0 );      /* IE6-9 */
	border: none;
	color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.32);
	margin: 11px 2px 3px 0;
}

input.button:hover, button:hover {
		color: #636363;
		background-position:0 bottom;
			/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #52BF66 0%, #52BF66 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #52BF66 0%, #52BF66 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #52BF66 0%, #52BF66 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #52BF66), color-stop(1, #52BF66));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #52BF66 0%, #52BF66 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #52BF66 0%, #52BF66 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52BF66', endColorstr='#52BF66',GradientType=0 );      /* IE6-9 */
		box-shadow: 0 1px 2px rgba(0,0,0,0.32), inset 0 1px 0 #fff;
		}

.formElement p {margin-top:0;}

/********* css for error fields *************/

.error input,.error select,.error textarea{
background:rgba(198, 15, 19, 0.1);
border:1px solid #C60F13;
}

.error textarea:focus,
.error input[type="text"]:focus,
.error input[type="password"]:focus,
.error input[type="datetime"]:focus,
.error input[type="datetime-local"]:focus,
.error input[type="date"]:focus,
.error input[type="month"]:focus,
.error input[type="time"]:focus,
.error input[type="week"]:focus,
.error input[type="number"]:focus,
.error input[type="email"]:focus,
.error input[type="url"]:focus,
.error input[type="search"]:focus,
.error input[type="tel"]:focus,
.error input[type="color"]:focus,
.error .uneditable-input:focus {
  background:#ffffff;
}

.error label{
  color: #C60F13!important;
}

span.error{
 background: none repeat scroll 0 0 #C60F13;
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
 color: #FFFFFF;
 display: block;
 font-size: 0.75em;
 font-weight: bold;
 line-height: 1.2em;
 margin-bottom: 12px;
 padding: 6px 4px;
}

/***************** Box forms *******************/
.form_line div.submit {text-align:right; line-height:20px;}

.form_line div.submit a {float:left; padding-top:3px;}

/*************** CONTENT FORMS*******************/
/***********************************************/

div.form_line label {
	text-align:right;
	padding:3px 0px 3px 3px;
	display:block; 
	float:left;
	width:25%;
	font-size:1em;
	color:#000;
	cursor: pointer;
	font-weight: 500;
}

div.formElement {float:left; margin-left:6px; display:inline; z-index:auto;}

div.formElement label {
	padding:0px;
	width:auto;
	text-align:left;
	float:none;
	display:block;
	font-weight:normal;
}

/************** Comments Forms ************/

textarea.add_comment {width:96%; height:150px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:.812em;}

#comment_form_holder div.form_line label {text-align:left; width:22%;}

#comment_form_holder div.formElement {margin-left:0px;}

input.tag_link_href, 
input.tag_link_content {width:170px; margin-right:10px;}

/***** Email to a friend *****/
input.email_article {/*width:auto;*/}

textarea.email_article {/*width:auto;*/}  

/***************** User registration form (ajax validations) *******************/

.tos_label {color:#666;}

.tos_box {border:1px solid #a7acb2; padding:6px; margin-top:6px; width:350px; height:200px; overflow:scroll;}

.tos_box pre {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;}

#error_message {background:#fcd6d4; margin-bottom:6px;}

#error_message p {margin:2px 0px; padding:4px; color:#555;}

.validation {
	padding:2px 0px 2px 18px; 
	font-size:.687em; 
	font-weight:bold;
}

.not_valid {background:url(../img/validation_not_valid.gif) 0 0 no-repeat; color:#f3735d;}

.checking {background:url(../img/validation_info.gif) 0 0 no-repeat; color:#6b99c5;}

.valid {background:url(../img/validation_valid.gif) 0 0 no-repeat; color:#80ca73;}

/************************ css for buttons **************************/

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size:.812em;
  line-height:1.125em;
  *line-height: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 9px 14px;
  font-size:.937em;
  line-height: normal;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.btn-large [class^="icon-"] {
  margin-top: 1px;
}

.btn-small {
  padding: 5px 9px;
  font-size:.687em;
  line-height:1em;
}

.btn-small [class^="icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 2px 6px;
  font-size:.687em;
  line-height:.875em;
}

.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-primary {
  background-color: #0074cc;
  *background-color: #0055cc;
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
  *background-color: #004ab3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}

.btn-warning {
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-default {
  background-color: #52BF66;
  *background-color:#52BF66;
 /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #6DFF88 0%, #52BF66 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #6DFF88 0%, #52BF66 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #6DFF88 0%, #52BF66 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6DFF88), color-stop(1, #52BF66));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #6DFF88 0%, #52BF66 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #6DFF88 0%, #52BF66 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6DFF88', endColorstr='#52BF66',GradientType=0 );      /* IE6-9 */
  background-repeat: repeat-x;
  border-color: #52BF66;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default.disabled,
.btn-default[disabled] {
  background-color: #52BF66;
  *background-color: #52BF66;
  color:#fff;
}

.btn-default:active,
.btn-default.active {
  background-color: #52BF66 \9;
  color:#fff;
}

.btn-inverse {
  background-color: #414141;
  *background-color: #222222;
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-group {
  position: relative;
  *margin-left: .3em;
  *zoom: 1;
}