/* Socialmod */
body {
  /*background: #7E7E7E url(/images/bg.png) repeat-x;*/
  /*font-family: "Lucida Grande",Calibri,arial,helvetica,sans-serif;*/
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif; 
  /*font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", times, serif;*/

  font-size: 13px;
  color: #fefefe;
/*  background: #C0DBD7;*/
  background: #B6D4FF;

}

a img {
  border: none;
}

a {
  /*font-weight: bold;*/
  color: #FEFEFE;
}

h1 {
  color: #000;
}

h2, h3 {
  color: #333232;
}

h1 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 14px;
}

h2 {
  margin-bottom: 7px;
}

h3 {
  margin-bottom: 10px;
}

p {
  margin: 0.3em 0 0.7em;
}

#holdall {
  width: 980px;
  margin: 0 auto;

  
}



#container table {
  border: 1px solid #C1C0C0;
  width: 100%;
}

#container table tr.header {
  background-color: #D5D5D5;
  color: #333232;
}

#container table tr td, 
#container table tr th {
  padding: 6px;
}

#container table tr {
  border-top: 1px solid #C1C0C0;
}

#container table tr.odd {
  background-color: #F0F0F0;
}

#container table tr.info {
  border: 0;
}

#container table.keyValue, 
#container table.keyValue tr {
  border: none;
}

#container table.keyValue td.key {
  color: #666666;
  width: 105px;
  vertical-align: top;
}

#container table.plain,
#container table.plain tr {
  border: 0;
}

#container table.plain label,
#container table.plain input {
  display: inline;
}

#container table tr .toggleInfo {
  background: url(/images/expand.png) no-repeat 50%;
}

#container table tr.expanded .toggleInfo {
  background: url(/images/contract.png) no-repeat 50%;  
}

ul {
  list-style-position: inside;
  list-style-type: disc;
  margin: 0.3em 0 0.7em;
  font-weight: bold;
}

ul.plain {
  list-style: none;
}

/* http://ajaxian.com/archives/wrapping-the-pre-tag */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

hr {
  border: 1px solid #CCCCCC;
}

label {
  font-weight: bold;
  color: #333232;
  font-size: 13px;
}

textarea {
  font-size: 12px;
  color: #333232;
  font-family: verdana,sans-serif;
  line-height: 1.3;
  padding: 3px;
  margin: 3px 140px 0 0;
  height: 180px;
}

textarea[disabled]{
  background: #F5F5F5;
  color: #ccc;
  border: 1px solid #999999;
}

input.fake, textarea.fake {
  background:none; 
  display:inline; 
  border:none; 
  margin:0;
  text-indent:0;
}

input, select {
  font-size: 13px;
  color: #333232;
  line-height: 1.3;
}

input {
  text-indent: 5px;
  margin: 3px 0;
}

select {
  margin: 3px 0 0 0;
}

/*form.vertical label {
  float: left;
  text-align: right;
  width: 130px;
}
*/

.input-helper {
  padding: 12px 20px 9px 20px;
  font-size: 12px;
}

.input-field {
  padding: 12px 20px 9px 20px;
  font-size: 12px;
  background-color: #F0F0F0;
  border: 1px solid #D7D7D7;
  color: #656565;
}

.input-field:nth-child(2n) {
  background: #fff;
}

.input-field input, 
.input-field select,
.input-field textarea {
  display: block;
  margin-bottom: 10px;
}

.input-field label {
  display: block;
  margin-bottom: 7px;
}

/*form.vertical .input-field  {
  margin-left: 0;
}
*/
.input-field.checkbox input,
.input-field.checkbox label {
  display: inline;
}

.input-field.checkbox input {
  margin-right: 5px;
}

/*form.vertical .input-field.checkbox input {
  margin-left: 140px;
}*/

.input-field, 
.input-button {
  margin: 0;
  clear:left;
  position: relative;
}

.input-button {
  padding: 10px;
  background: #D5D5D5;
  border: 1px solid #D7D7D7;
  text-align: center;
}

.input-button input, .btn {
  margin: 0;
  text-indent: 0;
  display: inline-block;
  border-style: hidden;
  /*background: url(/images/btn_bg.png) repeat-x 50%;*/
  background: #99e;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px 12px;
  font-weight: bold;
  color: #fff;
}

.input-button input:hover, .btn:hover {
  /*background: url(/images/btn_hover_bg.png) repeat-x 50%;*/
  background: #9ee;
}

.input-button input {
  font-size: 15px;
}

/*form.vertical .input-button input {
  margin-left: 0;
}*/

.input-indent {
  padding: 3px 0 3px 0;
  margin: 0 30px;
}

/*form.vertical .input-indent {
  margin: 0 0 0 140px;
}*/

.action {
  background:#FFFEB8;
  padding: 5px;
  margin-bottom: 10px;
  border: 1px dotted #CBCBCB;
  color: #000;
}

.action h3, 
.action h4 {
  margin: 0;
  padding: 0;
  border: 0;
}

.action p {
  margin: 0.5em 0 0;
}

.red {
  color: #CE0204;
}

.green {
  color: #7BB10A;
}

.clear {
  clear:both;
}

.inline, 
.inline input {
  display: inline;
}

.sep {
  color: #919191;
}

#header {
  padding: 0 0 0 0; 
  color: #400;
  padding-bottom: 10px;


  
}

#header #logo {
  color: #fff;
  padding: 5px 0 5px 0;
  /*background: #265B9B;*/
  background: #353131;
  /*padding-bottom: 25px;*/
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  padding-left: 10px;


}

#header #logo a {
  /*background: url(/images/logo_small.png) no-repeat;*/
  display: block;
  overflow: hidden;
  text-indent: -1000px;
  height: 28px;
  width: 176px;
}

#header h1 a, 
#header h1 a:hover {
  color: #333;
  text-decoration: none;
}

#upper_menu {
  margin-top: 25px;
  padding-right: 5px;
  color: #400;
  float: right;  
  font-size: 11px;
}

#upper_menu a {
  margin-left: 5px;
  color: #fff;
  text-decoration: none;
}

#header a:hover {
  color: #666;
  text-decoration: underline;
}

#menu {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
  height: 28px;

}

#menu li {
  text-align: left;
  float: left;



}

#menu li.right {
  float: right;
}

#menu li a {
	
	
/*  font-family: "Lucida Grande",Calibri,arial,helvetica,sans-serif;
*/  

  font-family: calibri;
  font-size: 13px;
  padding: 6px 8px;
  display: block;
  margin-right: 1px;
  float:left;
  text-decoration: none;
  font-weight: normal;
  /*background: url(/images/tab_bg.png) repeat-x 50%;*/
  color: #000; /* Text color */

  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

#menu li a:hover {
  text-decoration:none;
  /*background: url(/images/tab_hover_bg.png) repeat-x 50%;*/
  background-color: #F38630 ;
  color: #000;
}

#menu li a.active {
  /*background: url(/images/tab_active_bg.png) repeat-x 50%;*/
  color: #000;
  background: #FA6900;
}

#menu li.right a {
  margin: 0 0 0 3px;
  color: #000;
  /*background: url(/images/tab_alt_bg.png) repeat-x 50%;*/
}

#container {
  padding: 10px;
  position: relative;
  overflow: hidden;
  clear: both;
  /*background-color: #eef;*/
  background-color: #fff;
  color: #333232;
  line-height: 17px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

#container a {
  color: #39B2B7;
}

.box {
  padding: 10px;
  background: #D5D5D5;
  border: 1px solid #D7D7D7;
  font-weight: normal;  
}

#main {
  /*width: 675px; vecchio valore */

  width: 690px;
	

  float: left;
  background: #fff;
  padding: 10px;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

/* Preso da tickspot */
input[type="text"],input[type="password"], textarea {
	border: 1px solid rgb(167, 167, 167);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgb(167, 167, 167);
	border-right-color: rgb(167, 167, 167);
	border-bottom-color: rgb(167, 167, 167);
	border-left-color: rgb(167, 167, 167);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 4px;
}
.panel {
  /*margin: 0 0 10px 10px;*/
/*  padding-left: 20px;*/
  background-color: #F0F0F0;
  padding-bottom: 15px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border: 1px solid #E0E0E0;
  margin-bottom: 15px;

}

.panel h3 {

  padding: 12px;
  font-weight: bold;
  font-size: 13px;
  color: #888;

}

.panel h2 {

  padding: 12px;
  font-weight: bold;
  font-size: 13px;
  color: #000;


}

.panel .tags {

  padding-left:10px;

}

.panel .categories {

  padding-left:12px;

}

.panel .category {
	margin-bottom: 15px;

}

.panel #category_list {

  padding-left:12px;
  padding-right:12px;

}
.panel #new_category {

  padding:5px;

}


#right {
  float: left;
  margin-left: 9px;
  width: 230px;
  margin-top: 40px;
}

/*#right .panel {
  padding-left: 10px;
  background-color: #F0F0F0;
  padding-bottom: 15px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border: 1px solid #E0E0E0;

}
*/

#right ul li {
  margin: 2px 0;
}

/*#right .panel h3 {

  padding-top: 12px;
  font-weight: bold;
  font-size: 13px;
  color: #888;

}*/

#right p {
  line-height: 1.4em;
}

#footer {
  height: 30px;
  padding-top: 10px;
  margin-bottom: 30px;
  text-align: center;
/*  background: #C0DBD7; */
  background: #B6D4FF;
  font-weight: bold;
  font-size: 13px;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  color: #7D674D;

}

#footer a {
  text-decoration: none;
  padding-top: 10px;
  font-size: 11px;
  color: #7D674D;
}

#footer .copyright {
  padding-top: 10px;
  font-size: 11px;
  color: #CCCCCC;
}

#container .tasks a {
  background-color: #F5F5F5;
  border: 1px dotted #CBCBCB;
  color: #333333;
  display: block;
  padding: 5px 5px 5px 10px;
  margin-bottom: 10px;
  text-decoration: none;
}

#container .tasks a:hover {
  background: #E5E5E5;
}

#container .tasks a.highlight {
  background: #FFFEB8;
  font-weight: bold;
}

.block {
  background-color: #F5F5F5;
  border: 1px dotted #CBCBCB;
  margin: 0.7em 0 0.9em 0;
  color: #333333;
  padding: 5px 0;
}

p.block {
  padding-left: 10px;
}

.block.highlight {
  background-color: #FFFFCC;
}

.pagination {
  background: #D5D5D5;
  padding: 10px;
  text-align: center;
}

.pagination span,
.pagination a {
  display: inline-block;
  padding: 8px 11px;
  color: #333232 !important;
  text-decoration: none;
  border: 1px solid #C1C0C0;
  background: #fff;
  margin-right: 4px;
}

.pagination .current {
  background: #000;
  color: #fff !important;
}

.pagination .previous_page {
  margin-right: 15px;
  color: #333232 !important;
}

.pagination .next_page {
  margin-left: 12px;
  color: #333232 !important;
}

.pagination .disabled {
  color: #ACACAC !important;
}

/* Rails Specifics */

.flash {
  color: #000000;
  padding: 5px 20px 5px 20px;
  text-align: center;
}


.flash.notice {
/*  background-color: #CFC;*/
  background-color: #FBDD9C;
}

.flash.highlight {
  background-color: #FFFFCC;
}

.flash.error {
  background-color: #FCC;
}

.clear {
  clear: both;
}

.fieldWithErrors label {
  color: red;
}

#errorExplanation {
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #F5F5F5;
  border: 1px dotted #CBCBCB;
  color: #333333;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0px;
  background-color: #FFCCCC;
  color: #000000;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}