.rotate-90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.alertmessage{
    text-align:center;
    width:500px;
    padding:5px;
    margin:0px auto;
    background-color:red;
    color:white;
    margin-bottom:10px;
    font-family:arial,helvetica, tahoma,verdana;
    
}

.alertmessage a {
    color:white;
}


body {
	background: #F2F2F2 url(../images/bgd.gif) repeat-y top center;
	margin:0px;
}
div.box_blue {
	background-color:#5bdaff;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
}
div.box_green {
	background-color:#64de7e;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
}
div.box_orange {
	background-color:#ffa664;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
}
div.box_yellow {
	background-color:#fed73d;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
}
div.box_red {
	background-color:#ff6b64;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
}
div.box_purple {
	background-color:#EB97CA;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
}
div.box_violet {
	background-color:#9D86D6;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
}
div.box_grey {
	background-color:#F4F4F4;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
}
.filler {
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
}
.box_content {
	font-family:arial,helvetica, tahoma,verdana;
	font-size:16px;
	color:#FFFFFF;
	line-height:20px;
}
.footer {
	font-family:arial,helvetica, tahoma,verdana;
	font-size:11px;
	color:#666666;
	background: url(../images/footer_line.gif) no-repeat top center;
	padding: 10px 0px;
}
.login_text {
	font-family:arial,helvetica,tahoma,verdana;
	font-size:10pt;
	color:#666666;
	text-align:center;
	font-weight:bold;
	padding-bottom:20px;
}
.err_msg {
	font-family:arial,helvetica,tahoma,verdana;
	font-size:8pt;
	color:#FF0011;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:10px;
}
.field_name, .field_name_white {
	font-family:arial,helvetica,tahoma,verdana;
	color:#888888;
	font-size:9pt;
	text-align:right;
	padding-top:4px;
	padding-right:8px;
}
.field_name_white {
	color:#FFFFFF;
}
.field_cell {
	padding-bottom:6px;
	color:#888888;
	font-size:9pt;
	font-family:arial,helvetica,tahoma,verdana;
	font-weight:bold;
}
.field_cell_white {
	padding-bottom:6px;
	color:#FFFFFF;
	font-size:9pt;
	font-family:arial,helvetica,tahoma,verdana;
	font-weight:bold;
}
select.text {
	font-family:arial,helvetica,tahoma,verdana;
	color:#888888;
	font-size:9pt;
	padding:3px 5px;
	border: 1px solid #E0E0E0;
	width:180px;
}
input.text {
	font-family:arial,helvetica,tahoma,verdana;
	color:#888888;
	font-size:9pt;
	padding:3px 5px;
	border: 1px solid #E0E0E0;
	width:180px;
}
textarea.text {
	font-family:arial,helvetica,tahoma,verdana;
	color:#888888;
	font-size:9pt;
	padding:3px 5px;
	border: 1px solid #E0E0E0;
	width:180px;
}
input.price {
	font-family:arial,helvetica,tahoma,verdana;
	color:#888888;
	font-size:9pt;
	padding:3px 5px;
	border: 1px solid #E0E0E0;
	width:100px;
	text-align:right;
}
.box_title {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:18px;
	color:#FFFFFF;
	display:block;
	float:left;
	margin: 3px 0px 0px 5px;
	height:22px;
	overflow:hidden;
}
.box_return {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:right;
	margin: 3px 5px 0px 0px;
	cursor:hand;
	cursor:pointer;
}
.box_subtitle {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:16px;
	line-height:18px;
	font-style:italic;
	color:#FFFFFF;
	display:block;
	float:left;
	clear:left;
	margin: 3px 0px 0px 5px;
	height:22px;
	overflow:hidden;
	width:90%;
}
#nav a:link, #nav a:hover, #nav a:visited {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:13px;
	line-height:15px;
	color:#666666;
	text-decoration:none;
	margin-bottom:12px;
	display:block;
}
#nav a:hover {
	font-weight:bold;
}
#nav .blue_active {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	margin-bottom:12px;
	display:block;
	color:#5bdaff;
	font-weight:bold;
}
#nav .green_active {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	margin-bottom:12px;
	display:block;
	color:#64de7e;
	font-weight:bold;
}
#nav .orange_active {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	margin-bottom:12px;
	display:block;
	color:#ffa664;
	font-weight:bold;
}
#nav .yellow_active {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	margin-bottom:12px;
	display:block;
	color:#fed73d;
	font-weight:bold;
}
#nav .red_active {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	margin-bottom:12px;
	display:block;
	color:#ff6b64;
	font-weight:bold;
}
#nav .purple_active {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	margin-bottom:12px;
	display:block;
	color:#EB97CA;
	font-weight:bold;
}
#nav .violet_active {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	margin-bottom:12px;
	display:block;
	color:#9D86D6;
	font-weight:bold;
}
.content {
	font-family:arial,helvetica,tahoma,verdana;
	color:#888888;
	font-size:9pt;
}
.screener_question {
	font-family:arial,helvetica,tahoma,verdana;
	color:#888888;
	font-size:10pt;
	padding-bottom:8px;
}
label {
	font-family:arial,helvetica,tahoma,verdana;
	color:#888888;
	font-size:9pt;
	padding-top:4px;
	padding-right:8px;
}
label.white {
	color:#FFFFFF;
}
.error_msg {
	font-size:10pt;
	font-weight:bold;
	text-transform:uppercase;
	font-family:arial,helvetica,tahoma,verdana;
	color:#E19700;
	padding: 5px 20px 20px 20px;
	text-align:center;
}
.save_msg {
	font-size:10pt;
	font-weight:bold;
	text-transform:uppercase;
	font-family:arial,helvetica,tahoma,verdana;
	color:#2c7825;
	padding: 5px 20px 20px 20px;
	text-align:center;
}
.asterisk, .asterisk_white {
	color:#999999;
	font-size:20px;
	line-height:10px;
	font-family:arial,helvetica,verdana,tahoma;
	font-weight:bold;
}
.asterisk_white {
	color:#FFFFFF;
}
.side_box_title {
	font-size:12pt;
	font-weight:bold;
	font-family:arial,helvetica,verdana,tahoma;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:10px 15px;
}
.scroll_box_div {
	display:block;
	width:100%;
	height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
	background-color:#FFFFFF;
}
.scroll_box_header {
	background: url(../images/side_box_grad.gif) repeat-x bottom left;
	font-family:arial,helvetica,verdana,tahoma;
	font-size:11px;
	font-weight:bold;
	color:#787878;
	min-height:24px;
	padding-left:6px;
}
.scroll_box_header:hover {
	color:#5BDAFF;
}
.scroll_box_text {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:11px;
	color:#787878;
	height:24px;
	padding-left:6px;
	border-bottom:1px solid #E0E0E0;
}
.scroll_box_replies {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:11px;
	color:#787878;
	height:24px;
	padding-left:6px;
	border-bottom:1px solid #E0E0E0;
	background-color:#fdecab;
}
.scroll_box_cancelled {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:11px;
	font-style:italic;
	color:#BBBBBB;
	height:24px;
	padding-left:6px;
	border-bottom:1px solid #E0E0E0;
	background-color:#FFFFFF;
}
.scroll_box_confirmed {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:11px;
	font-weight:bold;
	color:#787878;
	height:24px;
	padding-left:6px;
	border-bottom:1px solid #E0E0E0;
}
.scroll_box_blue {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:11px;
	font-style:italic;
	color:#0000FF;
	height:24px;
	padding-left:6px;
	border-bottom:1px solid #E0E0E0;
}
.scroll_box_screened {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:11px;
	font-style:italic;
	color:#FF0011;
	height:24px;
	padding-left:6px;
	border-bottom:1px solid #E0E0E0;
}
.scroll_box_passed {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:11px;
	font-style:italic;
	color:#83cb3d;
	height:24px;
	padding-left:6px;
	border-bottom:1px solid #E0E0E0;
}
.scroll_box_conf_sent {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:11px;
	color:#db8222;
	height:24px;
	padding-left:6px;
	border-bottom:1px solid #E0E0E0;
}
.scroll_box_line_selected, .scroll_box_line_selected td {
	color:#FFFFFF;
	background-color:#9D86D6;
}
.scroll_box_previous {
	font-family:arial,helvetica,verdana,tahoma;
	font-size:11px;
	color:#787878;
	height:24px;
	padding-left:6px;
	border-bottom:1px solid #E0E0E0;
	background-color:#eff8d5;
}
.scroll_box_line {
	color:#787878;
	background-color:#FFFFFF;
}

.not_registered{
    background-color:#D5F5FF !important;
}


.scroll_box_line:hover, .scroll_box_line:hover .scroll_box_replies, .scroll_box_line:hover .scroll_box_blue, .scroll_box_line:hover .scroll_box_previous, .scroll_box_line:hover .scroll_box_previous {
	background-color:#EEEEEE;
}
tbody#headerTbody tr {
  position:relative;
  top: 0px;
  height:20px;
 }
.remove_button {
	color:#FF9999;
	padding:0px 6px;
	border-bottom:1px solid #E0E0E0;
	font-size:6pt;
	font-weight:bold;
	font-family:arial,helvetica,verdana,tahoma;
	text-transform:uppercase;
	cursor:hand;
	cursor:pointer;
}
.remove_button:hover { color:#FF0011; }
.move_button {
	color:#9999CC;
	padding:0px 6px;
	border-bottom:1px solid #E0E0E0;
	font-size:6pt;
	font-weight:bold;
	font-family:arial,helvetica,verdana,tahoma;
	text-transform:uppercase;
	cursor:hand;
	cursor:pointer;
	text-align:center;
}
.move_button:hover { color:#0055CC; }
.main_title {
	font-size:12pt;
	font-weight:bold;
	font-family:arial,helvetica,verdana,tahoma;
	color:#787878;
	text-transform:uppercase;
	padding:7px 0px;
}
.lines_title {
	color:#787878;
	font-family:arial,helvetica,verdana,tahoma;
	font-size:9pt;
	font-weight:bold;
	cursor:hand;
	cursor:pointer;
	text-decoration:none;
}
.lines_title:hover {
	text-decoration:underline;
}
a.lines_title {
	color:#787878;
	font-family:arial,helvetica,verdana,tahoma;
	font-size:9pt;
	font-weight:bold;
	cursor:hand;
	cursor:pointer;
	text-decoration:none;
}
a.lines_title:hover {
	text-decoration:underline;
}
.lines_subtitle {
	color:#787878;
	font-family:arial,helvetica,verdana,tahoma;
	font-size:8.5pt;
	padding: 0px 10px;
	font-style:italic;
}
.lines_subtitle a:link, .lines_subtitle a:active, .lines_subtitle a:visited {
	color:#787878;
	font-family:arial,helvetica,verdana,tahoma;
	font-size:8.5pt;
	font-style:italic;
	text-decoration:none;
}
.lines_subtitle a:hover {
	text-decoration:underline;
}
.lines_subtitle_rows {
	color:#787878;
	font-family:arial,helvetica,verdana,tahoma;
	font-size:8.5pt;
	padding: 5px 10px;
	font-style:italic;
}
.lines_row {
	background: url(../images/lines_bgd.gif) repeat-x bottom left;
	height:56px;
}
.lines_row_active {
	background: url(../images/lines_bgd_active.gif) repeat-x bottom left;
	height:56px;
}
.lines_replies {
	background: #FCE8E8 url(../images/lines_bgd_replies.gif) repeat-x bottom left;
	height:56px;
}
.lines_jobs {
	background: #E8F8FC url(../images/lines_bgd_jobs.gif) repeat-x bottom left;
	height:56px;
}
.lines_groups {
	background: #F8E8FC url(../images/lines_bgd_groups.gif) repeat-x bottom left;
	height:56px;
}
.lines_row:hover {
	background: url(../images/lines_bgd_hover.gif) repeat-x bottom left;
}
.movingans {
	cursor:hand;
	cursor:pointer;
	color:#666666;
	padding:0px 6px;
	border-bottom:1px solid #E0E0E0;
	font-size:6pt;
	font-weight:bold;
	font-family:arial,helvetica,verdana,tahoma;
	text-transform:uppercase;
	text-align:center;
}
.nextprev {
	color:#CCCCCC;
	font-family:arial,helvetica,verdana,tahoma;
	font-size:8pt;
	font-weight:bold;
}
.nextprev_active {
	color:#333333;
	font-family:arial,helvetica,verdana,tahoma;
	font-size:8pt;
	font-weight:bold;
}
.nextprev a:link, .nextprev a:active, .nextprev a:visited {
	color:#666666;
	font-family:arial,helvetica,verdana,tahoma;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
}
.nextprev a:link, .nextprev a:active, .nextprev a:visited {
	color:#333333;
}
#sugg_box {
	background:url(../images/suggestions_box.png) no-repeat top left;
	display:block;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:127px;
	height:105px;
	font-size:8pt;
	font-family:arial,helvetica,verdana,tahoma;
	color:#FFFFFF;
	padding: 7px 0px 0px 21px;
}
#sugg_box_content a:link, #sugg_box_content a:active, #sugg_box_content a:visited {
	font-size:8pt;
	font-family:arial,helvetica,verdana,tahoma;
	color:#FFFFFF;
	text-decoration:none;
}
#sugg_box_content a:hover {
	text-decoration:underline;
}
a.attached_tabs:link, a.attached_tabs:active, a.attached_tabs:visited {
	font-size:8pt;
	font-family:arial,helvetica,verdana,tahoma;
	color:#666666;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:4px 8px;
	vertical-align:middle;
	margin-left:1px;
	border:1px solid #FFFFFF;
}
a.attached_tabs:hover {
	color:#9D86D6;
}
.recipient_boxes {
	border:1px solid #DDDDDD;
	background-color:#F0F0F0;
	padding:5px 8px;
	margin-left:6px;
	font-size:8pt;
	font-family:arial,helvetica,verdana,tahoma;
	color:#666666;
	display:block;
	float:left;
	margin-bottom:4px;
}
.recipient_boxes_red {
	border:1px solid #E76767;
	background-color:#FFD7D7;
	padding:5px 8px;
	margin-left:6px;
	font-size:8pt;
	font-family:arial,helvetica,verdana,tahoma;
	color:#666666;
	display:block;
	float:left;
	margin-bottom:4px;
}
.corr_firstline {
	font-size:9pt;
	font-family:arial,helvetica,verdana,tahoma;
	color:#333333;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px 0px;
}
.corr_secondline {
	font-size:8pt;
	font-family:arial,helvetica,verdana,tahoma;
	color:#666666;
}
.hidden_box {
	width:95%;
	font-size:8pt;
	font-family:arial,helvetica,verdana,tahoma;
	color:#666666;
	border:1px solid #FAF166;
	background-color:#FFFCD3;
	margin:5px;
	padding:5px;
}
.blank_button {
	width:149px;
	height:39px;
	background:url('../images/focus_button_blank.gif') no-repeat top left;
	border:none;
	font-size:10pt;
	font-weight:bold;
	font-family:arial,helvetica,verdana;
	color:#FFFFFF;
	cursor:hand;
	cursor:pointer;
}
.stdbutton {
	display:block;
	cursor:hand;
	cursor:pointer;
}
.updateBox {
	display:block;
	float:left;
	margin-right:7px;
}
div#updateBoxOverlay {
	display:none;
	z-index:200;
	position:absolute;
	top:0px;
	left:0px;
}
div#updateBoxMaster {
	text-align:center;
	background:url(../images/now-updating-box.png) no-repeat top left;
	width:395px;
	height:240px;
	z-index:300;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}
div.groupDetailBox {
	border:1px solid #DDDDDD;
	background-color:#F0F0F0;
	padding:5px 8px;
	margin-left:6px;
	font-size:8pt;
	font-family:arial,helvetica,verdana,tahoma;
	color:#666666;
	margin-bottom:4px;
}
div.groupDetailBox p {
	margin-top:0px;
	margin-bottom:4px;
}
div.boxTopLeft {
	float:left;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
	width:8px;
	height:7px;
	background: url(../images/grey_border_tl.gif) no-repeat left top;
}
div.boxTop {
	float:left;
	border-top:1px solid #E0E0E0;
	height:6px;
}
div.boxTopRight {
	float:right;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
	width:8px;
	height:7px;
	background:url(../images/grey_border_tr.gif) no-repeat left top;
}
div.boxContent {
	padding:0px 5px;
	border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
	clear:both;
}
div.boxBotLeft {
	float:left;
	width:8px;
	height:8px;
	background:url(../images/grey_border_bl.gif) no-repeat left bottom;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin-bottom:8px;	
}
div.boxBot {
	float:left;
	background: url(../images/grey_border_b.gif) repeat-x left bottom;
	height:8px;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin-bottom:8px;	
}
div.boxBotRight {
	display:block;
	float:right;
	width:8px;
	height:8px;
	background:url(../images/grey_border_br.gif) no-repeat left bottom;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin-bottom:8px;	
}
div.demoColourBox {
	margin-left:10px;
	margin-top:5px;
	float:left;
	vertical-align:middle;
}
input.colorBox {
	margin-top:-3px;
	width:10px;
	height:10px;
	border:1px solid #999999;
	font-size:0px;
	line-height:0px;
	vertical-align:middle;
}
div.tooltip {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #BBBBBB;
	background-color:#444444;
	padding:6px 10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	font-family:arial,helvetica,tahoma,verdana;
	width:150px;
}
div.tooltip p {
	margin-top:6px;
	margin-bottom:0px;
	color:#DDDDDD;
	font-size:11px;
}
span.h1 {
	font-size:22px;
	color:#BBBBBB;
	font-family:'gill sans mt',helvetica,arial,verdana;
	padding-left:55px;
}
div.stat_title {
	font-size:24px;
	line-height:22px;
	color:#BBBBBB;
	font-family:'gill sans mt',helvetica,arial,verdana;
	width:170px;
	float:left;
	text-transform:uppercase;
	padding:9px 0px 0px 30px;
}
div.stat_figure {
	float:left;
	font-size:40px;
	line-height:34px;
	color:#999999;
	font-family:'gill sans mt',helvetica,arial,verdana;
	width:100px;
	text-align:right;
	padding:8px 0px 0px 0px;
}

#MultiBoxContentContainer{
    -webkit-overflow-scrolling: touch;
     /* overflow-y: scroll; */
}

.MultiBoxContent{
    overflow:scroll !important;
}

/*

.MultiBoxContent
.MultiBoxContainer 
*/