body,html {
    color:#333333;
    height:100%; 
    width:100%; 
    margin:0 0 0 0; 
    padding: 0 0 0 0;
    overflow:auto;
}

body,html,div,input,select,textarea,table,tr,td,legend,fieldset,span,p,form,label,iframe,button { 
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.98em;
}

h1 {
    font-size: 1.2em;
    font-weight:bold;
    color:#003366;
}

.b { font-weight:bold; }

.spu_buttons { width:100%; }
.next_button { float:left; margin-left:10px; border: 2px solid !important; -moz-border-bottom-colors: #999999 #CECECE; -moz-border-left-colors: #737373 #FFFFFF; -moz-border-right-colors: #999999 #CECECE; -moz-border-top-colors: #737373 #FFFFFF; -moz-border-radius: 4px; background-image: url("../images/gradient.png") !important; background-repeat: repeat-x !important; background-position: bottom right !important;	background-color: rgb(246, 246, 246) !important; color: #000 !important; font-weight:bold; }
.previous_button { float:left; margin-left:50%; border: 2px solid !important; -moz-border-bottom-colors: #999999 #CECECE; -moz-border-left-colors: #737373 #FFFFFF; -moz-border-right-colors: #999999 #CECECE; -moz-border-top-colors: #737373 #FFFFFF; -moz-border-radius: 4px; background-image: url("../images/gradient.png") !important; background-repeat: repeat-x !important; background-position: bottom right !important;	background-color: rgb(246, 246, 246) !important; color: #000 !important; font-weight:bold; }
.end_button { float:right; margin-right:10px; border: 2px solid !important; -moz-border-bottom-colors: #999999 #CECECE; -moz-border-left-colors: #737373 #FFFFFF; -moz-border-right-colors: #999999 #CECECE; -moz-border-top-colors: #737373 #FFFFFF; -moz-border-radius: 4px; background-image: url("../images/gradient.png") !important; background-repeat: repeat-x !important; background-position: bottom right !important;	background-color: rgb(246, 246, 246) !important; color: #000 !important; font-weight:bold; }
.help_button { clear:left; float:right; margin-right:10px; margin-top:2px; border: 2px solid !important; -moz-border-bottom-colors: #999999 #CECECE; -moz-border-left-colors: #737373 #FFFFFF; -moz-border-right-colors: #999999 #CECECE; -moz-border-top-colors: #737373 #FFFFFF; -moz-border-radius: 4px; background-image: url("../images/gradient.png") !important; background-repeat: repeat-x !important; background-position: bottom right !important;	background-color: rgb(246, 246, 246) !important; color: #000 !important; }
.language_button { float:right; margin-right:10px; margin-top:2px; border: 2px solid !important; -moz-border-bottom-colors: #999999 #CECECE; -moz-border-left-colors: #737373 #FFFFFF; -moz-border-right-colors: #999999 #CECECE; -moz-border-top-colors: #737373 #FFFFFF; -moz-border-radius: 4px; background-image: url("../images/gradient.png") !important; background-repeat: repeat-x !important; background-position: bottom right !important;	background-color: rgb(246, 246, 246) !important; color: #000 !important; }

.respondent_name { font-weight:bold; width:100%; text-align:right; color:gray; }
.respondent_phone { font-weight:bold; width:100%; text-align:right; color:gray; }
.respondent_timezone { font-weight:bold; width:100%; text-align:right; color:gray; }
.error_text { width:100%; text-align:center; color:red; font-weight:bold; }

.button { border: 2px solid !important; -moz-border-bottom-colors: #999999 #CECECE; -moz-border-left-colors: #737373 #FFFFFF; -moz-border-right-colors: #999999 #CECECE; -moz-border-top-colors: #737373 #FFFFFF; -moz-border-radius: 4px; background-image: url("../images/gradient.png") !important; background-repeat: repeat-x !important; background-position: bottom right !important;	background-color: rgb(246, 246, 246) !important; color: #000 !important; }

.cb_comments_text { 
    font-weight:bold; 
    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+ */
}

iframe { width:100%; height:100%; } 
table {
    color:#333333;
}
fieldset { margin-right:15px; -moz-border-radius: 5px;
            -moz-border-left-colors:#dedede;
            -moz-border-top-colors:#dedede;
           -moz-border-right-colors:#dedede;
           -moz-border-bottom-colors:#dedede;
 }
legend {
    font-weight:bold;
    color:#003366;
}
label { font-weight:bold; text-align:left; }
input.default { font-weight:bold; }
select { width:100% }

div.chat_row { background:#ffffff; }
div.chat_altrow { background:#dedede; }

a.chat_from_link { text-decoration:none; font-weight:bold; color:#316AC5; }
a.chat_to_link { text-decoration:none;font-weight:bold; color:gray; }
span.chat_date { font-weight:bold; }
div.chat_header { font-style:italic; padding-bottom:5px; }
div.chat_body  { margin-left:10px;padding-bottom:5px; }

option.user_everyone { font-weight:bold; }
option.user_role { font-weight:bold; padding-left: 5px; }
option.user_project { font-weight:bold; padding-left: 5px; }
option.user_online { padding-left: 10px; }
option.user_offline { padding-left: 10px; color:silver; }

div.scrollWrapper{
  float:left;
  overflow:visible !important;
  overflow:scroll;
  height:300px;
}

table.grid{
    font-size:0.8em;
  margin-right:0 !important;
  margin-right:16px;
  border-collapse:separate;
  border:1px solid #999999;
  width:100%;
  padding:0px;
  border-spacing:0;
}
table.grid tr.header{
  border-top:1px solid #999999;
  border-left:1px solid #999999;
  background:#d1d1d1;
  position: relative;
  font-weight:bold;
  height:21px;
  text-align:center;
}
table.grid tr.header td {
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
}
table.grid tr.filter{
  border-top:1px solid #999999;
  border-left:1px solid #999999;
  padding:5px;
  background:#d1d1d1;
  position: relative;
}
table.grid tr.filter input { background:#d1d1d1; font-weight:bold; }
table.grid tr.filter select { background:#d1d1d1; }
table.grid tr.filter td {
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
}
table.grid tr.insert{
  background:#e1e1e1;
}
table.grid tr.insert input { background:#e1e1e1; }
table.grid tr.insert select { background:#e1e1e1; }
table.grid tbody{
  height:280px;
  overflow:scroll;
}
table.grid tbody tr td {
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
}
table.grid tbody tr{
  height:0px;
}
table.grid tfoot tr{ 
  height:21px;
}
table.grid tbody tr.row{
  background:#ffffff;
}
table.grid tbody tr.altrow{
  background:#e7e7e7;
}
table.grid tr.altrow input { background:#e7e7e7; }
table.grid tr.altrow select { background:#e7e7e7; }
table.grid input { width:100%; border:none; }
table.grid select { width:100%; border:none; }
table.grid td { min-width:150px; }


/* Date picker specific styles follow */

a.date-picker {
	width: 16px;
	height: 16px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/calendar.png) no-repeat; 
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.date-picker-holder {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -16px; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table th.weekend, div.popup-calendar table td.weekend {
	background: #f6f6f6;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333; 
	color: #fff;
}

#field_track_logo {
    width:80;
    height:46;
    padding-right:14px;
    padding-top:3px;
}

.x-form-item.hidden {
display:none;
}