/* !!!!! HTML ELEMENTS !!!!! */
html { font-size: 100%; /* IE hack */ }
a:link{
 color: #FF0099;
}
a:hover{
  color:#666666;
  }
a:visited {
  color: #FF0099;
}
body {
  font-size: 1em;
  font-family: trebuchet MS, verdana, helvetica, sans;
  margin: 0;
  background-color: #F3F3F3;
  color:#333333;
}
table { font-size: 100%; /* IE hack */ }
div.in-tabs {
  background: #ddd;
  /*padding: 10px 0 10px 0;*/
  font-size: 0.9em;
  border:1px solid #cccccc;
}
.in-tabs img{/*arreglar para q solo afecte a las imagenes de usuario y colocar en el lugar apropiado con el resto de clases*/
}

h2 {
  font-size: 1.2em;
  color:#333333;
}

h3 {
  font-size: 1em;
  color:#666666;
}
h4 {
  font-size: 0.9em;
}
/* Input elements with status: corrected */
input.correct_button {
  border: 3px solid #003366;
}
ul.in-tabs {
  list-style-type: none;
  list-style-image: none;
  padding: 0 5px;
  margin: 0;
  white-space: nowrap;
  list-style: none;
  line-height: 1em;
}
ul.today {
  border: 3px solid green;
}
ul.not_today {
  border: 3px solid red;
}

/* !!!!! CLASSES !!!!! */
.activity_target_default{
  border: 1px solid #6699CC;
  background-color: #D9E7F2;
  background-image:url(../images/pc.png);
  background-position:center left;
  background-repeat:no-repeat;
  padding-left:130px;
}
.activity_target_default a:link{
 color: #6699CC;
}
.activity_target_default a:hover{
 color: #A3C2E1;
}
.activity_target_default a:visited{
 color: #6699CC;
}
.activity_target_mobile{
  border: 1px solid #FF88CF;
  background-color: #F9ECF3;
  background-image:url(../images/mobile.png);
  background-position:center left;
  background-repeat:no-repeat;
  padding-left:130px;
}
.activity_target_mobile a:hover{
 color: #FF88CF;
}
.activity_target_phone_chat{
  border: 1px solid #FF9900;
  background-color: #FFE1A4;
  background-image:url(../images/phone.png);
  background-position:center left;
  background-repeat:no-repeat;
  padding-left:130px;
}
.activity_target_phone_chat a:link{
   color:#FF6600;
}
.activity_target_phone_chat a:hover{
   color:#FFBA53;
}
.activity_target_phone_chat a:visited{
   color:#FF6600;
}
#activities_list .activity_item {
  cursor: default;
  padding: .5em;
  padding-left:130px;

  margin:0.8em;
  margin-left:0;
  float: left;
  min-height: 16em;
}
.assign_button {
  background: #EFEBE7 url(/images/assign.png) center left no-repeat;
  padding-left: 25px;
}
.assign_form {
  width: 90%;
  padding: .3em 1em;
  border: 1px solid black;
  white;
  /*background: white url(/images/assign-big.png) center right no-repeat;*/
}
.big_score {
  font-size: 6em;
  color: #cccccc;
  margin: 0;
  text-align: center;
}
.blinking {
  text-decoration: blink;
}
.conclusion {
  padding: 1em;
  border: 1px solid #000;
}
.current_in-tab {
  background: #ddd;
  border:1px solid #cccccc;
  border-bottom:none;
  font-weight:bold;
  color:#666666;
}
.current_in-tab a{
  text-decoration: none;
  color: black;
  cursor: default;
}
.fieldWithErrors {
  position: relative;
  top: -27px;
  left: 70px;
  margin: 0;
  padding: 0;
  height: 0;
}
.fieldWithErrors input{
  border: 2px solid red;
}
.gap {
  border: 1px solid black;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  margin: 2px;
}
.highlighted, .user_activities tr.rollover {
  background: #cecece;
}
ul.in_columns, ul.styleless {
  list-style-type: none;
}
ul.in_columns li {
  float: left;
  width: 21em;
  font-size: smaller; 
}
ul.in_columns li.selected {
  background: #fdffc8;
}
.in-tabs h4 {
  padding-left: 25px;
}
.in-tabs li {
  display: inline;
  padding: 0px 20px;
  margin-right: 5px;
  font-size: 0.75em;
}
.in-tabs li a{
  color:#666666;
}
.in-tabs li a:hover {
  color:#FF0099;
}
.light_margin {
  margin: 1em 4em 1em 4em;
}
.medium_part {
  height: 160px;
  width: 180px;
}
.message_back_link, .message_content, .message_edit, .message_header, .message_textarea {
  padding-left: 25px;
  padding-right: 10px;
  font-size: 0.8em;
}
.message_back_link {
  padding-left: 10px;
  padding-bottom: 10px;
}
.message_content, .message_edit{
  font-size: 0.95em;
}
.message_header {
  margin: 0;
}
.message_links {
  font-size: 0.8em;
  display: inline;
  float: left;
  font-size: 0.9em;
  padding-left: 10px;
}
.message_summary em {
  color: black;
  font-style: normal;
}
.more_info {
  background: url(/images/bocadillo.png) no-repeat;
  padding: 25px 55px;
  color: black;
  width: 316px;
}
.mouseover_item, .user_activities tr.selected {
  background-color: #FFF4FB;
}
.movable {
  padding: 5px;
  cursor: move;
  margin-bottom: 10px;
}
.option_selector, .option_selector * {
  list-style-type:none;
}
.option_selector ul {
  border: 1px solid gray;
  padding: .1em;
  margin: .1em;
}
.option_selector li {
  padding: 0 1em 0 1em;
  font-size: smaller;
}
.option_selector li.first {
  border-right: 1px solid black;
}
.option_selector ul, .option_selector li {
  float: left;
}
.option_selector .selected {
  font-weight: bold;
}
.other_in-tab {
  background-color:#cfcfcf;
  border:1px solid #cccccc;
  border-bottom:none;

}
.other_in-tab a{
  color: #666;
  text-decoration: underline;
}
.pager {
  font-size: smaller;
  border: 1px solid gray;
  width: 100%;
  margin: .3em;
  padding: .2em;
}
.pager .counter {
  padding: 0 2em 0 2em;
}
.phone_chat_container img {
  float: right;
  background: #fff;
  margin: 0 0 1.5em 1.5em;
  padding: 5px;
  border: 1px solid gray;
}
.quick_results { /* QUITAR QUITAR QUITAR QUITAR QUITAR QUITAR QUITAR */
  border: 1px solid black;
  padding: 1px 5px 1px 5px;
  font-size: 0.8em;
  width: 175px;
  margin-top: 0;
  margin-left: 142px;
}
.quick_results ul { /* QUITAR QUITAR QUITAR QUITAR QUITAR QUITAR QUITAR */
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.short_lines {
  line-height: .3em;
}
.standard_table .title{
  width: 60%;
}
.standard_table .selected {
  background: #ffaae0; 
}
.standard_table .clipped_div {
  height: 1.4em;
  overflow: hidden;
}
.standard_table tr {
  cursor: pointer;
}
.subscribed {
  list-style-image: url(/images/subscribed.png);
  font-size: 0.8em;
}
.summary {
  overflow: hidden;
  height: 100px;
}
.tab_extra_links {
  position: absolute;
  border: 1px solid #fff;
  background: #ccc;
  width: 16em;
  padding: .3em;
  margin: 0;
  color: #fff;
  font-size: .8em;
}
.tab_extra_links p{
  border-bottom: 1px solid #fff;
}
.tags_warning {
  color: red;
  font-size: 0.8em;
}
.tip {
  font-size: 0.8em;
  padding-left: 20px;
}
.titulos{
   overflow:hidden;
   margin-right:5px;
}
.toggle_piece {
  position: relative;
  top: 5px;
  left: 1.6%;
  width: auto;
  border: 1px solid #cccccc;
  background-color: #eeeeee;
  padding: 3px;
  float: right;
  font-size: 0.7em;
}
.unsubscribed {
  list-style-image: url(/images/unsubscribed.png);
  font-size: 0.8em;
}
.user_activities {
  float: left;
  background: #f5f5f5;
  margin: 0.4%;
  padding: 1.5%;
  padding-top: 0.5%;
  border:1px solid #c5c5c5;
}
.user_activities li {
  margin-bottom: 10px;
}
.user_activities table {
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  
}
.user_activities td {
  border-bottom: 1px solid #ffffff;
  padding-top: 0.5em;  
  cursor: pointer;
}
.user_activities td.message_summary {
  color: #888888;
  padding-left: 2em;
  background: url('/images/message.png') no-repeat;
}
.user_activities td.message_summary.unread {
  background: url('/images/unread_message.png') no-repeat;
}
.user_activities td.title {
  padding-left: 2em;
  background: url('/images/activity_s.png') no-repeat;
}
.user_activities td.title.unread {
  background: url('/images/unread_activity.png') no-repeat;
}
.user_activities td.unread {
  font-weight: bold;
}
.user_activities ul {
  list-style-image: url(/images/activity_s.png);
}

.user_item{
  border:1px solid #ff0099;
  background-color:#F9ECF3; 
  cursor: default;
  padding: .5em;
  margin: 1em;
  float: left;
  min-height: 16em;
}
.user_item img, #activities_list img .activity_item img{
  border: 1px solid #666666;
}
.user_item {
  width: 150px;
  float: left;
  font-size: 0.8em;
}
.validation_error {
  font-size: 0.9em;
  padding: 5px;
  margin: 25px;
  margin-bottom: 45px;
  border: 2px solid red;
}
.w70 {
  width: 70%;
}
.warning {
  border: 1px solid #FF88CF;
  background-color: #F9ECF3;
  padding: 1em;
  margin-bottom: 1em;
}
.wide_loading {
  padding-top: 8em;
  padding-bottom: 8em;
}

/* !!!!! IDENTIFIERS !!!!! */

#activities_general {
  float:left;
  width: 20%; 
}
#activities_list, #pages_list, #users_list, #tags ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#activities_list .activity_item {
  width: 33%;
  min-height: 10em;
}
#activities_list big {
  font-size: 1.2em;
}
#archive_button {
  font-size: 0.7em;
}
#archive_button_p {
  text-align: right;
  padding: 10px;
}
#bottom_search_toolbar, #search_toolbar {
  background-color: #eeeeee;
  border:1px solid #cccccc;
}
#bottom_search_toolbar p, #search_toolbar p {
  padding: 0 1em 0 1em;
}
#contents {
  margin: 30px;
  margin-bottom: 0px;
  background-color:#FFFFFF;
  padding: 30px;
  border:1px solid #cccccc;
}
#contents_bottom {
  margin: 30px;
  margin-top: 0px;
  font-size: 8px;
  padding: 10px;  
}
#correction_dialog {
  padding: 10px;
  margin: 0 25% 0 25%;
  background: #e5e5e5;
  border: 2px solid #003366;
}
#correction_dialog dd {
  margin-top: 8px;
  font-size: 0.8em;
}
#data, #subscriptions, #tags {
  padding: 1px 10px 20px 10px;
}
#data_edit p {
  margin: 0 0 5px 20px;
}
#data_edit_in fieldset {
  padding: 10px;
  font-size: 0.7em;
  width: 75%;
  margin-left: 15px;
  margin-bottom: 15px;
}
#file_info {
  background-color: #eeeeee;
  border:1px solid #cccccc;
  width: 40%;
  padding: 15px;
  float: left;
  height: 100%
}
#key ul {
  list-style-type: none;
}
#medium_area {
  float: left;
  width: 450px;
  margin-right: 5px;
}
#medium_area img{
  border:1px solid #333333;
}
#medium_list li, #show_tags li, #tags_selector li {
  list-style-type: none;
  float: left;
  margin: 5px;
  padding: 5px;
  background-color: #f3f3f3;
  border:1px solid #cccccc;
  text-align: center;
}
#medium_list li{
  width:250px;
  overflow:hidden;
}

#message_bottomline {
  background: #f3f3f3;
}
#pages {
  float:left;
  width: 75%;
  margin-left: 20px;
}
#pages_form img, #tracking_detail img {
  float: right;
}
#pages_list .movable {
  border: 1px solid #cccccc;
  background-color: #eeeeee; 
}
#phone_chat_time_selector {
  float: right;
  width: 30%;
}
#phone_chat_time_selector ul{
  list-style-type: none; 
}
#phone_chat_time_selector li {
  float: left;
  padding: .4em;
  border: 1px solid gray;
}
#phone_chat_timetable, .standard_table {
  border: 1px solid black;
  width: 100%;
}
#phone_chat_timetable td, #phone_chat_timetable th, .standard_table td, .standard_table th {
  padding: .4em;
  border-bottom: 1px solid gray;
  border-right: 1px dotted #bbbbbb;
}
#phone_chat_timetable tr.diff1, .standard_table tr.diff1 {
  background: #f6ff00;
}
#phone_chat_timetable tr.diff2, .standard_table tr.diff2 {
  background: #faff79;
}
#phone_chat_timetable tr.diff3, .standard_table tr.diff3 {
  background: #fdffc8;
}
#phone_chat_timetable tr.diff4, .standard_table tr.diff4 {
  background: #feffd5;
}
#phone_chat_timetable tr.diff0, .standard_table tr.diff0 {
  background: #fff;
}
#processing_media {
  margin-left: 13%;
  text-align: center;
  padding: .2em;
  width: 70%;
}
#search_area, #search_toolbar .typelist {
  padding-top: 16px;
}
#search_toolbar li {
  float: left;
  padding-right: 10px;
}
#search_toolbar ul {
  list-style-type: none;
}
#show_tags li {
  font-size: 0.8em;
}
#tabs {      
  background: #666666 url(/images/siacco-logo.png) center right no-repeat;
  padding: 0em 0em 0em 2em;
  padding-top: 30px;
  margin-top: 0px;
  white-space: nowrap;
  list-style: none;
  height: auto;
  line-height: normal;
  margin-bottom:0px;
  margin-left:0px;
  text-align: left;
  border-bottom:1px solid #CCCCCC;
}
#tabs ul {
  margin:0;
}
#tabs li {
  display: inline;
  margin:2px;
  margin-bottom: 0;
}
#tabs li a {
  background-color: #999999;
  border-color: #CECECE;
  border-width: 1px; 
  border-style: solid solid none solid;
  color: #EEEEEE;
  height: auto;
  margin-right: 0.1em;
  padding: 0em 1.5em;
  text-decoration: none;
  text-transform: lowercase;
}
#tabs li a:hover {
  background-color: #bbbbbb;
  border-color: #CECECE;
  border-bottom-color: #dee7ec;
  color: #ffffff;
}
#tabs li.selected {
  border:1px solid #cccccc;
  border-bottom:1px solid #f3f3f3;
  background-color:#f3f3f3;
  color:#666666;
  height: auto;
  margin-right: 0.1em;
  padding: 0em 1.5em;
  text-decoration: none;
  text-transform: lowercase;
  font-weight:bold;
}
#tags_p5{
  border:1px solid #FF88CF;
  background-color:#F9ECF3;
}
#tags li {
  float: left;
  padding-right: 10px;
}
#tags textarea {
  margin-bottom: 10px;
}
#tags_list li{
	display:inline;
   margin-bottom:30px;
   padding:15px;
}
#timed_availabilities {
  float: left;
  width: 65%;
}
#tracking_detail {
  width: 60%;
  float: right;
  background: #eeeeee;
  padding: 2em;
  line-height: 1.75em;
  border:1px solid #999999;
}
#tracking_detail ul {
  list-style-type: circle;
}
#tracking_items {
  width: 54%;
  float: left;
}
#tracking_summary {
  width: 30%;
  float: left;
}
#upcoming_phone_chat_session_container {
}
#upcoming_phone_chat_sessions {
  margin: 2em;
}
#user_data {
  width: 43%;
  float: left;
  /*padding: 0.5%;*/
  margin-left: 2%;
  margin-bottom:1%;
  border:1px solid #FFB0DF;
  background-color:#F9ECF3;
  color:#666666;
}
#user_data.wider {
  width: 70%;
}
#user_data img{
  border:1px solid #FFB0DF;
}
#user_data li {
  padding-right: 10px;
    
}
#user_data ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  font-size: 0.8em;
  float: left;
}
#user_messages {
  width: 37%;
  float: right;
}
#user_subscriptions {
  width: 21%;
  float: left;
  /*padding: 0.5%;*/
  margin-right: 2%;
  margin-left: 2%;
  border:1px solid #FFB0DF;
  background-color:#FFE1F3;
}
#user_tags {
  width: 23%;
  float: left;
 /* padding: 0.5%;*/
  margin-right: 2%;
  border:1px solid #FFB0DF;
  background-color:#FFE1F3;
}
#users_list img {
  border: 1px solid #cccccc;
}
/* SGV */
.fill1{
  fill: #00ff00;
  fill-opacity: 0.5;
  stroke: none;
  stroke-width: 1px;
}
.fill2{
  fill:#ff0000;
  fill-opacity: 0.5;
  stroke: none;
  stroke-width: 1px;
}
.svgBackground {
  fill: #fff;
  fill-opacity: 0;
}

/* css para el calendario popup de los phone chats */ 
#calPopUp {
	position: absolute;
	visibility: hidden;
	background-color: #ffffff;
	layer-background-color: #ffffff;
	font-size: 0.8em;
	font-weight: normal;
}
#calPopUp a {
	text-decoration: none;
	text-align: right;
}
#calPopUp td.cpCurrentDate {
	background-color: pink;
	border: 1px solid red;
}
#calPopUp td.cpCurrentMonthDate a {
	text-align: center;
}
#calPopUp td.cpOtherMonthDate a {
	text-align: center;
	color: #808080;
}
#calPopUp td.cpDayColumnHeader {
	border-bottom: 1px solid #cccccc;
}
#calPopUp td.cpMonthNavigation {
	background-color: #666666;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}
#calPopUp td.cpMonthNavigation a {
	color: #ffffff;
}
#calPopUp td.cpTodayText {
	border-top: 1px solid #cccccc;
}
#calPopUp td.cpTodayText a {
	text-decoration: underline;
}
/* fin de css para el calendario popup de los phone chats */