/* ----------- Shared css for zendesk end-users and agents/admin  --------------- */
html {overflow-y: scroll;}
* { margin: 0; padding: 0;}
a:focus { outline: none; }
*::-moz-focus-inner, *:focus::-moz-focus-inner { border: none; }

body { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style:normal; font-variant:normal; padding:0 8px; color: #333; min-width: 982px;}

a {text-decoration: none;}
a {color: #1A6690; cursor: pointer;}
.content a { color: #1A6690;}
/*.content a { color: #2a76a0;}*/
a:hover { color: #333; text-decoration:underline;}
a.emphasized {text-decoration:underline; font-weight:bold; font-size:1.1em;}
a img { border: none; }
fieldset { border: none; }
fieldset.radio-form {position:relative;}

h1, h2, h3, h4, h5 {color: #555; clear: left;}

/*.setting strong {color: #555}*/
textarea {padding:5px;}
input {padding:5px;}
div.clearer {clear: left; line-height: 0; height: 0; display:block;}
/*input.text {border: 1px solid #B8B8B8;}*/
select.highlight, input.highlight, span.highlight { background: #ffc; }
select {padding: 2px 0 2px 0;}
span.highlight {padding: 0 2px;}
select option{ padding-left: 5px; padding-right: 5px; }
input[type=text], input[type=password], select, textarea, .multi_value_field {border:1px solid #A8A8A8; background: #FBFBFB}
input.large, textarea.large { width: 400px; }
.content input.title {width:96.5%; font-size:18px;}
.frame input.title {width:100%; font-size:18px;}
textarea.large { height: 150px; overflow: auto; }
textarea.medium { width: 200px; height: 60px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; overflow: auto; }


input[type=text]:focus, input[type=password]:focus { background: url(/images/text_focus2.gif) repeat-x; }
input[type=text].maininput:focus { background: none;}
textarea:focus { background: #FFF url(/images/text_focus.gif) repeat-x; }

div.br {clear:left; height:0px;}

#page {margin:0pt auto; max-width:1205px; 
			 text-align:left; padding: 0 15px 5px 15px;
			 border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
			 -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
			 -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
			 background: #fff none repeat scroll 0%; min-height:400px;}

/* ------ top ------------------------------------ */
#header {margin-bottom:1px; padding-bottom:6px;} /* Background color set in account */
#table_header {font-size:20px;}

#top-right { float:right; font-weight: bold; font-size: 10px; padding: 5px 15px 0 0; }
#top-right a { text-decoration: underline; }

#top-login {}
#top-login input {color:black; font-size:10px; padding:0;}

#top-menu-background { position: relative; z-index: 25; height:26px;} /* Background color set in account */

#top-menu { height: 26px; }
#top-menu ul { list-style: none; }
#top-menu ul a { text-decoration: none; }

ul#green { float: left; }
ul#green li.active {border-left: 2px solid #fff;	}
ul#gray { background: #727070; height: 26px; float: right; }
#top-menu ul li.right { float: right; }
li.main { background: transparent url(/images/menu.png) no-repeat scroll 0 -78px; height:12px;}
/*ul#gray li.first {border-left: 2px solid #666; }*/
ul#gray li.main:hover, ul#gray li.main.over { background: #888;}

/*#top-menu a.tab { padding: 7px 15px 10px 15px; font-weight: bold; text-transform: uppercase; text-shadow: #666 1px 1px;}*/
#top-menu a.tab { padding: 7px 15px 10px 15px; font-weight: bold; text-transform: uppercase;}
#top-menu ul#gray a.tab { color: #FFF; }
#top-menu ul#gray li.active a.tab { color: #2a2a2a; }

#top-menu ul li { float: left; position: relative; padding: 7px 0;}
#top-menu li:hover + li { background: none; }
#top-menu ul li.first { background: none; }

#top-menu ul li.active { background: #fff; height:12px;}
#top-menu li.active a { color: #2a2a2a; }
#top-menu li:hover > ul, #top-menu li.over ul { display: block; }

#top-menu ul li img { vertical-align: top; padding-right: 5px; }

/* This is here for submenus */
ul.menu-drop li:hover > ul { display: block; }
ul.menu-drop ul.sub-menu { top: 20px; left: 50px; border:2px solid #999; }

ul.menu-drop {
display: none;
left: -2px; margin: 5px 0 0 0;
background:#FFFFFF none repeat scroll 0% !important;
border-style:none solid solid;
border-width:0pt 2px 2px;
padding:10px !important;
position: absolute;
text-align:left;
top:21px;
width: 210px;
z-index:15000;
min-height:28px;
padding-left:8px;
float:left;
}

#top-menu li ul li {padding: 0; }
#top-menu li ul li a.all_views { text-align: right; font-weight:normal;}

ul.menu-drop li { width: 210px; left:0pt; height:auto;}
ul.menu-drop li.drop-header {font-weight:bold; margin: 12px 4px 5px 4px; font-size: 14px; color:#444;}
ul.menu-drop li.drop-error {font-weight:bold; margin: 12px 4px 5px 4px; font-size: 13px; color:#777;}


ul.menu-drop li a {
color:#1D719F !important;
border-top:1px solid #DDDDDD;
display:block;
float:none;
font-size:105%;
font-weight:bold;
padding:6px 4px;
}

ul.menu-drop li:first-child a { border-top: none; }

ul.menu-drop li a.empty, li a.empty{
color:#AAA !important;
font-weight:normal;
}

ul.menu-drop li a span.id { font-weight:normal; color:#777}
ul.menu-drop li a div.r_n { font-weight:bold; color:#777;}

ul.menu-drop li a:hover {
background:#f5f5f5 none repeat scroll 0% !important;
color:#000000;
}

ul.menu-drop li a.warning {
color:#ff0000 !important;
}

/**************/
/* Drop lists */
/**************/
.content ul.drop-list {position:relative; padding:0;}
ul.drop-list, ul.drop-list ul {list-style: none;}
ul.drop-list li.link { cursor:pointer; color:#1A6690; font-weight:bold; }
ul.drop-list ul ul { top: -11px; left: 170px; border:2px solid #999; }

ul.drop-list ul {
	display:none;
  left: 150px;
  margin: 5px 0 0 0;
  background: #FFFFFF none repeat scroll 0% !important;
  border-style: solid;
  border-width: 2px;
  padding: 4px 7px 6px 8px !important;
  position: absolute;
  width: 170px;
  z-index: 15;
  min-height: 18px;
}

ul.drop-list ul li:hover, ul.drop-list ul li.sub:hover { background-color:#F5F5F5;}
ul.drop-list ul.first-drop {margin-top:-40px; margin-left:-158px;}

div#end-user-form ul.drop-list ul.first-drop {padding-top: 28px !important; margin-top:-23px;}
* html div#end-user-form ul.drop-list ul.first-drop {position: relative; margin-top: -28px;}

div.select ul.drop-list ul.first-drop  {padding-top: 45px !important;}
div#quick-case ul.drop-list ul.first-drop {padding-top: 30px !important; margin-top:-23px; margin-left:-243px;}
ul.drop-list ul.first-drop ul.sd {
}

ul.drop-list ul li:first-child {border-top: none;}
ul.drop-list ul li.sub {background:transparent url(/images/composite.gif) no-repeat scroll 162px -331px;}
ul.drop-list ul li {
  margin:0;
  position: relative;
	border-top:1px solid #E5E5E5;
	font-size:11px;
	font-weight:bold;
	padding:3px 6px;
  cursor:default;
}

ul.drop-list li.drop-header {font-weight:bold; padding-top: 12px; color:#444;}
ul.drop-list li.drop-header:hover { background-color:#FFF;}

span.drop {
  background:transparent url(/images/composite.gif) no-repeat scroll 0 -318px;
  position:relative;
  padding-left:12px;
	z-index: 5;
}

/*****************/
/* Drop lists end*/
/*****************/
#top #topquery { float: right; height: 18px; width: 232px; padding: 4px 8px 0 18px; }
#top form#topquery input#searchinput { font-size: 90%; color: #333; padding: 3px 18px 0 5px; 
																			background: url(/images/searchinput.gif) no-repeat; border: none; 
																			border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
																			width: 210px; height: 15px; }
																			
/* ------ content -------------------------------- */
div#container { padding: 16px 0 0 0;}

/*div#container .content { margin: 0 258px 0 0; padding: 0 0 0 20px; font-size: 12px; overflow:none;}*/
div#container .content { margin-top: 0; margin-right: 0 !important; margin-bottom: 0; margin-left: 0; padding: 0 0 0 20px; font-size: 12px; overflow:none;}
div#contentwrapper { float: left; width: 100% }
div#contentcolumn { margin-right: 258px; }

label.option { margin: 0 20px 0 0;}
.content input.radio { top: 1px; margin: 0;}
.content textarea {width:96.5%;}
.content .frame textarea {width:100%;}
/*.content textarea {width:96.5%;}*/
.content h2 { font-size: 24px; font-weight: normal; margin: 11px 0 7px 0; }
.content h2.divider { margin-top:30px;}
.content h2 span.line {color:#BBB;}
.content h2 span.sub {font-size:12px; color:#555;}
.content h3 span.sub {margin-left:4px; font-size: 12px; font-weight:normal; color: #666; }
.content h4 span.sub {padding-left: 2px; font-weight:normal; color:#666;}
.content h3 { margin: 25px 0 7px 0; font-size: 16px; } /* font-weight: bold; */
.content h4 { font-size: 12px; margin: 12px 0 0px 0; padding:0;}
.content p { margin: 7px 20px 11px 0; color:#333; line-height:1.4em;} /* display:block; */
.content p.sub { font-size: 0.9em; color:#666; margin-top:1px; line-height:1.3em;} /* display:block; */
.content ul { padding: 0 0 0 35px;}
.content ul li { padding: 0; margin: 5px 11px 5px 0; color:#666}
.content ul.options { list-style: none; padding-left:20px;}
.content .reorder a { color: #4f4f4f; display: block; padding: 2px 0 0 0; text-align: center; height: 19px; font-size: 10px; font-weight: bold; float: right; margin-right: 5px; background: url(/images/reorder.png) no-repeat; width: 135px;}
.content hr { color: #f0f0f0; border: none; background: #f0f0f0; height: 1px; clear: both; margin: 11px 0 7px 0; }
.content .comment p { margin: 2px 0 12px 0; }
.content #comment_value {width:99%}

div.content-top-right { float: right; color: #484a36; font-weight: bold; margin: 17px 8px 0 8px; }
div.content-top-right.top { margin-top: 8px; }
div.content-top-right p { padding: 0 15px 0 15px; margin:0; font-size:11px; }

div.handle_suspended_ticket { margin-top: 13px; padding-right: 15px; width: 350px; }
div.handle_suspended_ticket form, div.handle_suspended_ticket a , div.handle_suspended_ticket span.delim { float: right; }
div.handle_suspended_ticket form.edit_suspended_ticket select { margin-right: 2px; padding: 0; }
div.handle_suspended_ticket a, div.handle_suspended_ticket span.delim { margin-top: 2px; }
div.content-top-right a { text-decoration: underline; }

a.edit_this, #search-result a.edit_this { color: green; }

/* Action buttons/link */
.action-login {padding-top:25px; text-align:middle;}
.action-login label { color: #666; }
.action { margin-top: 15px; padding-top:0; padding-right:33px; text-align:right; color:#666; font-size: 12px;}
a.admin, a.admin:visited, .action a.admin, .action a.admin:visited { background: none;  color: #B65151; }
a.admin:hover, .action a.admin:hover { background: #B65151; color: #fff; }
.action .buttonsubmit { margin-left: 3px; width: auto; padding-left: 5px; padding-right:5px; }

.frame { padding: 7px 15px 20px 13px; margin: 9px 8px 10px -12px; background: #fff; min-width:590px; 
				 border: 2px solid #E9E9E9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow:none !important;
				}
				
.frame h3 {margin-top:0px; padding-top:5px; margin-bottom: 2px; font-size: 16px; color:#555}
.frame h3.light { color: #ddd; float: left; margin-top: 3px; padding:0}
.frame .sub-info {color:#888; padding-top:2px;display:block; font-size:13px;}
.frame .sub-info-small {color:#5A5A5A; font-size:11px; padding-top:2px; font-weight:bold;}

.entry { padding: 6px 8px 15px 12px; border-bottom: 1px solid #f0f0f0; font-size: 12px; margin-bottom: 5px;}
.entry:last-child { border-bottom: none; }
.entry h3.entry-title { font-size: 22px; color:#444}

.entry p { clear: left; margin: 2px 0 6px 0;}
.entry p.sub {font-size: 11px; float: left; clear:none; color: #888; margin-right: 7px;}
.entry p.border-left {border-left: 1px solid #999; padding-left: 7px;}
.entry p.comments { padding-left: 27px; background: transparent url(/images/composite.gif) no-repeat scroll 7px -204px; padding-bottom:1px; }

.user_formatted { color: #333;}
.user_formatted p { font-size:1em; line-height:1.4em; margin-top:0px; text-align:left; padding: 1px 0 1px 0; }
.user_formatted ul, .user_formatted ol {padding: 5px 0 5px 36px;}
.user_formatted li, .item .user_formatted li { list-style:disc; margin: 2px 0 5px 0; padding:0;}
.user_formatted ol li { list-style:decimal; }
.user_formatted ul li {color:#333;}
.user_formatted pre { background-color:#F1F7EE; color:#518F2A;  font: 0.8em "Lucida Console", monospace; overflow-x: scroll; padding:4px; margin-bottom:10px; }
.user_formatted h1 { font-size: 1.6em; margin-bottom:5px; padding:0; float:none;}
.user_formatted h2 { font-size: 1.4em; margin-bottom:2px; font-weight:bold; color:#444;}
.user_formatted h3 { font-size: 1.2em; margin: 11px 0 0 1px; padding:0; }

.ticket { padding: 15px 8px 15px 8px; border-bottom: 1px solid #e0e0e0; overflow: auto; }
.frame .ticket h3 {padding-top:0px; font-weight:bold; line-height:21px; }
.ticket p.date { font-size: 11px; float: left; color: #888; margin: 7px 0 8px 0; }

.ticket .comment { font-size: 11px; margin: 31px 0 0 0; padding: 0; background: #f7f7f7; }
select#ticket_assignee_id {min-width: 75px;}
input#ticket_due_date {width: 120px;}

.ticket .comment .message { padding: 0 0 3px 65px; color: #333; font-size: 12px; }
.ticket .comment .message p { margin: 2px 10px 6px 0; line-height:1.5em; color:#444;}
.ticket .comment .message h3 { margin: 10px 0 10px 0; font-weight:bold; color:#555}
.ticket .comment .message .process_status { font-size:1.1em; margin: 10px 0 10px 0; font-weight:bold; background:#FFF none repeat scroll 0 0;
padding:0.6em 0.6em; border: 1px solid #ccc; float:left; color:#666;}
.ticket .comment .private {background: #f7f7f7 url(/images/speak_private_big.png) no-repeat 20px 4px; }
.ticket .comment .public {background: #f7f7f7 url(/images/speak_public_big.png) no-repeat 20px 4px; }
.ticket .comment span.comment-by { display: block; margin: 15px 0 0 0; background: none; color: #888; font-size: 11px; }
.comment-by b, .comment-by strong {color:#828282;}

table.tickets { margin: 0; border-collapse: collapse; width:100%; clear:left; position:relative;}
table.tickets td, table.tickets th { padding: 7px 0 7px 8px; border-bottom: 1px solid #F0F0F0; color:#333; text-align:left; overflow: normal; }

table.tickets td.description  { overflow: hidden; white-space: nowrap}
table.tickets thead th { font-weight: bold; white-space: nowrap; background: #FFD502; border-top: 1px solid #C2A200; border-bottom: 1px solid #C2A200; }
table.tickets thead th a { color: #333; }
table.tickets thead tr th.arrow a { display: block; background: url(/images/table-arrow.png) no-repeat 85px 6px; }
table.tickets tbody tr.closed td {color:#999;}

table.tickets tr.group_by td { background: #F4F5F6; }
table.tickets tr.linked {cursor:pointer; font-size:12px; }
table.tickets tr.linked:hover>td {color: #1a6690; background: #fbfbfb}

div#edit_requester {padding-bottom:0; margin-top: 8px;}
div#static_requester {min-height:0; margin-bottom:10px;}
div#dynamic_requester {min-height:45px; margin-bottom: 0; }
hr.requester-delim {margin: 0 10px; clear:left;}

span.priority_urgent {font-weight:bold;}

/* TODO split up into a "score" class and a "score_number" class */
span.score_1 {border: 1px solid #ddd; font-weight:bold; padding: 0.2em 0.4em; }
span.score_2 {background: #e9e9e9; color:#7A7A7A; font-weight:bold; padding: 0.2em 0.4em; }
span.score_3 {background: #FFD500; color:black; font-weight:bold; padding: 0.2em 0.4em; }
span.score_4 {background: #C33232; color:white; font-weight:bold; padding: 0.2em 0.4em; }
h2 span.score_1, .linked span.score_1  {border: 0; padding:0; font-weight:normal;}
tr.linked span.score_1, tr.linked span.score_2, tr.linked span.score_3, tr.linked span.score_4 {padding:0; width:12px; height:8px; display:block; margin: 0.1em 0 0 0; }
tr.linked span.score_1 {width:10px; height:6px; border: 1px solid #e9e9e9;}
tr.group_by span.score_1, tr.group_by span.score_2, tr.group_by span.score_3, tr.group_by span.score_4 {padding:0; margin: 0.1em 0 0 3px; }

div.sign-1 {border: 1px solid #bbb; padding: 0.2em 0.4em; width: 44px; float:left; background: #eee; }
div.sign-2 {border: 1px solid #ddd; padding: 0.2em 0.4em; width: 44px; float:left;}
div.sign-3 {border: 1px solid #000; padding: 0.2em 0.4em; width: 44px; float:left; background: #333; color:white; font-weight:bold;}
div.float_label {float:left; margin-top:0.3em;}

/* Paginator */
div.pagination { width: 500px; text-align: center; height: 20px; margin: 22px auto 5px auto; padding-top: 4px; font-size: 13px; }
div.pagination span, div.pagination a { margin-left: 3px; margin-right: 3px; }
div.pagination span.current { font-weight:bold; color: #b3b3b3;}
div.pagination span.disabled { color: #b3b3b3;}

/*.item { clear: left; border-bottom: 1px solid #f0f0f0; font-size: 12px; padding: 12px 0;}*/
.item { clear: left; border-bottom: 1px solid #f0f0f0; font-size: 12px; padding: 12px 0; overflow:hidden; }

.item .icon { float: left; width: 43px; text-align:center; }
.item .icon img { display: block; padding: 2px; margin: auto; margin: 0 5px 0 0; border: 1px solid #FFF;}
.item .bdr img {border: 1px solid #ddd; }
.item .icon div  { font-size: 11px; color:#aaa; padding-top: 2px; width:40px;}
.item .icon div strong { color:#888;}
.item .icon .photo img {margin: 0 25px 2px 0; }

.item .name { clear: left; float: left; font-size: 11px; width: 88px; text-align: center; padding-top: 4px;}

.item-info { float: left; padding-left: 10px; }
.item-info h1 {font-size: 15px; font-weight: normal; margin-bottom: 6px;}
.item-info h1 a {font-weight:bold; text-decoration: underline; }
.item-info p.info {margin: 1px 0 0 0; font-weight:normal; font-size: 12px; color: #777; }
.item-info div.squeezed { margin-top: -5px; }

.item-actions { float: right; }
div.rule-list div.item div.item-actions * { display: none; }
div.rule-list div.item div.item-actions a.edit_this, div.rule-list div.item:hover div.item-actions * { display: inline; }
.item-actions a { font-weight:bold;}
.item-actions a.big { font-size:20px;}

.item img.example {float:right; margin:7px 0 5px 0;}
.item .desc {float:left; margin-right:20px; width:250px;}

.item li { margin: 2px 0 5px 0; list-style: none;}
#events .item li { margin: 0; padding: 1px 0 4px 25px; background: url(/images/tick2.png) no-repeat; }
#events .item li.public { background: url(/images/speak_public_small.png) no-repeat; }
#events .item li.private { background: url(/images/speak_private_small.png) no-repeat; }
#events .item li.notification { background: url(/images/email.png) no-repeat 0 4px; }
#events .item li.attachments { background: none; }
#events .item ul.suggestions li {background: none; padding: 0 0 0 10px; }
.item li.title { background: none; padding: 0 0 10px 0; font-weight:bold;}

#history .right { padding: 0 0 0 110px; min-width:400px; }
.right ul { padding: 3px 0 0 0;}
.right h3 { clear:none;}
.right.user_formatted ul {padding: 5px 0 5px 36px;}
.right div.client-info {font-size: 11px; color: #AAA; margin-top:-3px;}
/*.right div.client-info {font-size: 11px; background-color: #EEE; color: #888; padding: 5px; margin-botton:7px; width:auto;}*/

img.user-thumb { border: 1px solid #bbbbdd; margin-right: 0 0 0 5px; float:right}
img.example {border: 5px solid #E6E6E6}

.buttons-right { margin: 10px 10px 0 0; height: 25px; }

.conditions { margin: 11px 0 7px 0; padding: 7px 0 0 12px; border-top: 1px solid #f0f0f0;}
.add {border-bottom: 1px solid #f0f0f0;}
.conditions select, .conditions input, .conditions textarea  { margin: 4px 12px 0 0; }

/*.minus-button {float:right; margin-right:7px; margin-top: 5px; cursor:pointer;}*/
.plus-button { width: 25px; height: 25px; display: block; background: url(/images/add_s.png) no-repeat; float: right; margin: 0px 7px 7px 0; }
.minus-button { width: 25px; height: 25px; display: block; background: url(/images/remove.png) no-repeat; float: right; margin: 1px 7px 0 0; }

.preview { height: 22px; width: 223px; background: url(/images/preview-result.png) no-repeat;
					padding: 1px 0 0 0; text-align: center; margin-left:110px; margin-top: 8px; float:right}
.preview a { color: #444; font-weight: bold; font-size: 10px; }

#ticket-chat .comment { margin: 10px 0 5px 0; padding: 0; clear:left;}
.say { padding: 5px 15px 5px 65px; color: #333; font-size: 12px; word-wrap: break-word; }
.say p {line-height:1.5em; padding-right:10px; color: #333;}
#ticket-chat .comment .private { background: #f7f7f7 url(/images/speak_private_big.png) no-repeat 20px 8px;}
#ticket-chat .comment .public { background: #f7f7f7 url(/images/speak_public_big.png) no-repeat 20px 8px;}
#ticket-chat .comment span.comment-by { display: block; margin: 0 0 3px 0; background: none; color: #888; font-size: 11px; }
/*#ticket-chat label { display: block; clear: left; }*/
#ticket-chat .private { background: #fff url(/images/speak_private_big.png) no-repeat 20px 8px;}
#ticket-chat .public { background: #fff url(/images/speak_public_big.png) no-repeat 20px 8px;}

.selects {clear:left; margin-top:3px;}
/*.selects label { font-size: 13px; display: block; margin: 7px 0 2px 0;white-space: nowrap; position:relative; z-index:5 }*/
/*.selects label { font-size: 13px; display: block; margin: 7px 0 2px 0; white-space: nowrap; position:relative;}*/
.selects label { font-size: 13px; display: block; margin: 7px 0 2px 0; white-space: nowrap; }
.selects .select { float: left; margin: 0 20px 0 0; display:inline; min-height:55px; }
.selects .select label {font-weight:bold; position: relative; z-index: 10;}
.frame .selects .select {margin: 10px 10px 0 10px;}

#tags { float: left; margin: 0 0 0 10px; }
#tags label { font-size: 13px;  margin: 2px 0 1px 0;}
#tags input { width: 200px; margin: 2px 0 5px 0; }

#private-comment { float: right; margin: 0 10px 0 0; font-size: 11px; }
#you-say {clear:left; padding: 10px 0 0 10px; overflow:none;}
#you-say label { display: inline; }
#you-say textarea { width: 98%; margin: 2px 0 0 0; }
.attach { display: block; margin: 15px 0 5px 30px; }

/*#history .user { clear: left; margin: 0; margin: 0 15px 0 10px; border-bottom: 1px solid #eee; padding: 15px 0 15px 0; position: relative;}*/
#history .item { clear: left; margin: 0 15px 0 10px; border-bottom: 1px solid #eee; padding: 15px 0 15px 0;}
#history .item p { margin: 0 0 12px 0; font-size: 12px; color:#333; }
#history .via_14 {background:#f9f9f9 none repeat scroll 0%}

.gray-text { font-size: 11px; color: #888; padding: 7px 0 7px 0; }
.gray-text-compact { font-size: 11px; color: #888; padding: 1px 0 0 0; }
.gray-text-per-event { font-size: 11px; color: #9A9A9A; padding: 0 0 3px 25px; }


/* ----- attachment list in tickets ----- */
/*.attachment-list { float: left; }*/
/*.attachment-list { padding: 0 0 10px 0; margin-bottom: 5px;}*/

li.attachments { padding: 0 !important; }
.attachment-list {
  padding: 0 0 5px 0 !important;
  margin: 0 0 5px 0;
  list-style: none !important;
  text-indent: 0px;
}

.attachment-list li {
  background: none !important;
  margin: 0 6px 0 0 !important;
  padding: 0 10px 0 0 !important;
  list-style: none !important;
  text-indent: 0px;
}

.attachment-item { font-size: 12px; line-height: 16px; }
.attachment-item div.attachment-container { line-height: 16px; }
.attachment-item span.attachment-name, .attachment-item span.deletable { line-height: 16px; }
.attachment-item span.attachment img { width: 16px; height: 16px; position: relative; top: 2px;}
.attachment-item span.attachment img.thumbnailed { height: 14px; width: 14px; border: 1px solid #CCC; }
.attachment-item span.deletable a { color: red; font-size: 7pt; }

div.attachments_for_portal { margin-right: 35px;margin-top: -15px;margin-bottom: 20px; }

/* ------ sidebar -------------------------------- */
#sidebar { float: right; margin-left: -258px; width: 241px; }
/*#sidebar { float: right; width: 241px; margin: 0; clear:both;}*/ 
.side-box-content { background: #B6E3EC; width: 197px; font-size: 12px; padding: 6px 22px 0 22px;}
.side-box-content h3 { font-size: 20px; color: #fff; font-weight: normal; padding-top: 5px; margin-bottom:12px; line-height:1.15em;}
/*.side-box-content h3 { font-size: 20px; color: #fff; font-weight: normal; padding-top: 5px; margin-bottom:12px; text-shadow: #bbb 0 1px; line-height:1.15em;}*/
.side-box-content select {max-width: 205px;}
/*.side-box img {	margin: 0 0 0 -17px;}*/

.side-box-with-image { background: #B6E3EC; width: 241px; padding: 0 0 6px 0; margin-left:-22px;}
.side-logo { width: 225px; margin: -4px 0 0 8px; background: #fff; text-align: center; }

.side-logo img, .side-slas img { display: block; margin: 10px auto; }

#sidebar .form label { font-size: 13px; display: block; margin: 10px 0 2px 0; color: #224D56; }
#sidebar .form input.select { width: 200px; }
#sidebar .form input#submit { margin-top:10px; }

.side-box-content input.text { width: 185px; }
#search { width: 200px; }
#searchsubmit { clear: both; float: right; margin: 7px 0 0 0; padding: 0 3px; }

.side-box-content, .side-box-content .user_formatted {color:#333;}
.side-box-content ul, .side-box-content ol { margin: 7px 0 8px;}
.side-box-content li { list-style: none; margin: 3px 0 3px 0; }

.side-box-content h4 { font-size: 12px; margin: 15px 0 5px 0; color:#444;}
.side-box-content h4.white { font-size: 14px; margin: 14px 0 7px 0; color:#fff;}
/*.side-box-content p { line-height: 1.3em; margin: 10px 0 12px 0; word-wrap: break-word;}*/
.side-box-content p { line-height: 1.3em; margin: 8px 0; word-wrap: break-word;}
.side-box-content p.minimum { margin-top: 0;   padding-top:0;}
.side-box-content p a{ text-decoration: underline; }
.side-box-content table { margin: 5px 15px 5px 0; color: #335d66; width:100%}
.side-box-content ul.options li { display: block; background: url(/images/bullets.png) no-repeat 0 -275px; padding: 0 0 0 17px; margin: 5px 11px 5px 0}
.side-box-content ul.options li.link { background: url(/images/bullets.png) no-repeat scroll 0 2px; }
.side-box-content ul.options li.email { background: url(/images/bullets.png) no-repeat scroll 0 -427px; }
.side-box-content ul.options li.phone { background: url(/images/bullets.png) no-repeat scroll 0 -872px; }
.side-box-content ul.options li.user { background: url(/images/bullets.png) no-repeat scroll 0 -733px; }
.side-box-content ul.options li.forum { background: url(/images/bullets.png) no-repeat scroll 0 -578px; }
.side-box-content ul.options li.add-link { background: url(/images/bullets.png) no-repeat scroll 0 -141px;  }
.side-box-content span.sub { color:#888; }

p.user-mail {
background:transparent url(/images/bullets.png) no-repeat scroll 0 -427px;
padding:0 0 0 18px;
margin:3px 0;
}

p.user-phone {
background:transparent url(/images/bullets.png) no-repeat scroll 0 -872px;
padding:0 0 0 18px;
margin:3px 0;
}

p.user-external-id {
background:transparent url(/images/tag_ext_id.png) no-repeat scroll 0px 2px;
padding:0 0 0 18px;
margin:3px 0;
}

p.user-openid {
background:transparent url(/images/openid_small_logo.png) no-repeat scroll 0px 2px;
padding:0 0 0 18px;
margin:3px 0;
}


/* ------ footer --------------------------------- */
#footer { height: 50px; text-align: right; margin: 0 auto; max-width:1200px; }
#footer p { color: #aaa; font-size: 12px; padding: 7px 7px 0 0; }
#footer a { color: #aaa; text-decoration: underline; }

#history .nobottom, .nobottom { border-bottom: none;}
.noborder { border :0;}


span.highlight {font-weight: bold;} /*{background-color: #ffc; padding-left:3px; padding-right:3px;}*/
span.highlight-entry {background-color: #ffC; }
.entry-highlight { font-weight: bold; }

/* Tag clouds */
.nube1 {font-size: 1.0em;}
.nube2 {font-size: 1.4em;}
.nube3 {font-size: 1.8em;}
.nube4 {font-size: 2.2em;}
.nube5 {font-size: 2.6em; font-weight: bold;}
.nube6 {font-size: 3.0em; font-weight: bold;}

.tagcloud {  }
.side-box-content .tagcloud{ line-height: 1.8em; }
.tagcloud .count { margin-right:5px; color:#999; font-size:10px; }
.tagcloud a{ margin-right:0px; text-decoration:none; }
.tagcloud .tag-wrapper { height: 2.2em; line-height: 2.4em; }

/* List items, search result */
span.search_highlight {	color:black; font-weight: bold;	}
/*#search-result a { text-decoration: underline; color: #2469DF;}*/
a.underline {text-decoration: underline}
a.clean {text-decoration: none;}
/*.infoline { color:green; }*/

div#switch_plans {
	background-color: #D8D8D8;
	text-align: center;
	font-size: 14px;
	margin: 10px;
	padding: 8px;
}

div.attachmentline div.text {
	padding-left: 2px;
	float:left;
	width: 150px;
	overflow:hidden;
}

div.attachmentline {
	margin: 2px 0 5px 0;
	float:left;
	clear: left;
}

div.attachmentline a {
  color: #b65151;
  padding-right: 3px;
}

.beware {
  margin: 28px 20px -2px 0; background-color:#FFD502; border:5px solid #ECC602;
  padding: 5px 15px 5px 45px; background: url(/images/warning.png) no-repeat 12px 11px;
}
.beware p{ color:#333; font-weight:bold; font-size:14px; text-align:left; margin: 7px 0px;}
.beware a { color:green; text-decoration:underline;	}

span.warning { font-weight: bold; }
span.gray {color: #888;}
span.delim { margin: 0 5px; color: #999; }
h2 span.delim { margin: 0 2px; }
span.delim2 {font-weight:bold; padding:0 3px; color:#333;}
span.comment-count {background: url(/images/bullets.png) no-repeat scroll 0 -580px; padding: 0 10px 0 15px; }


.newline { display:block; color: #484a36; padding-top: 10px; padding-bottom: 3px; margin:0; clear: both; }
.recipient {color: #484a36; margin: -2px 0 0 -11px;}

/* ********* Boxes *********** */

div.box { float:right; height:5px; width: 5px; font-size:0pt;	line-height:0pt; }
div.box_top { background:transparent url(/images/composite.gif) no-repeat scroll 0 -5px; }
div.box_bottom { background:transparent url(/images/composite.gif) no-repeat scroll 0 -15px; }
div.box_bottom_clear {clear:left; height:15px;}

.content_grey { background: #f6f6f6 none no-repeat scroll 0%}
.grey_box_top { background: #F6F6F6 url(/images/composite.gif) no-repeat scroll; height:5px; margin: 0 0 0 -20px; }
.grey_box_bottom { background: #F6F6F6 url(/images/composite.gif) no-repeat scroll 0 -10px; height:5px; margin: 15px 0 0px -20px; }

.content_green { background: #f0f0f0 none no-repeat scroll 0%}
.green_box_top { background: #f0f0f0 url(/images/composite.gif) no-repeat scroll; height:5px; margin: 0 0 0 -20px; }
.green_box_bottom { background: #f0f0f0 url(/images/composite.gif) no-repeat scroll 0 -10px; height:5px; margin: 10px 0 0 -20px;}

.blue_box_top { background: #B6E3EC url(/images/composite.gif) no-repeat scroll 0 -252px; height:5px; font-size:0pt;	}
.blue_box_bottom { background: #B6E3EC url(/images/composite.gif) no-repeat scroll 0 -257px; height:5px; margin: 0 0 16px 0; font-size:0pt;}

/*.warning_box_top { background: #C84400 url(/images/composite.gif) no-repeat scroll 0 -252px; height:5px; font-size:0pt;	}
.warning_box_bottom { background: #C84400 url(/images/composite.gif) no-repeat scroll 0 -257px; height:5px; margin: 0 0 16px 0; font-size:0pt;}
div#sidebar .box-warning { background-color: #C84400; color :#000;}
div#sidebar .box-warning p a {color:#fff;}
h3.side-box-warning { text-shadow: none; }*/

/* ------ nifty-corners -------------------------- */

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px; overflow: hidden !important;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.r_white {background-color: #fff;}
.r_grey {background-color: #F6F6F6}

/* ******************************************* */

/* reply/edit forum posts */

div.editbox
{
	background:transparent url(/images/reply_background.png) repeat scroll 0%;
	border:2px solid #333;
	border-width:2px 0;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding:6px 0 7px;
	z-index:50;
}

div.editbox .container
{
	padding:0 8px 0 8px;
	margin:0 auto;
	/*min-width:760px;*/
	max-width:1200px;
}

div.editbox p { margin:0.5em 0;}
div.editbox textarea
{
  width:97%;
	background:white;
	opacity:1;
}
div.editbox .button_or  {color:#888;}
div.editbox .button_or a {color:#ccc;}
div.editbox table td { border:0; }
div.editbox a.utility
{
  color: red;
  padding: 2px 5px 4px;
  display: block;
  margin-top: 1.2em;
}

div.editbox h5
{
  background:#555;
  color:white;
  padding:2px 10px 3px;
  margin:0.2em 0 0.5em;
}

div.editbox p.help span, div.editbox ul.help span { color:#666; }
div.editbox p.help, div.editbox ul.help { padding:3px 10px; color:#fff;}
div.editbox ul.help { margin:0; }
div.editbox ul.help { list-style-type:none; }

table.credit-card-table th {
  text-align: right;
  font-weight: normal;
  padding: 0 4px 6px 0;
}

table.credit-card-table td {
  font-weight: normal;
  padding: 0 4px 6px 0;
}


#login-form-top {
float:right;
font-size:10px;
font-weight:bold;
padding:12px 40px 0pt 20px;
color: #fff;
}

#login-form-top input, #login-form-top label {
margin-left:3px;
padding-left:2px;
vertical-align:middle;
}

input[type=text].openid-field {
  background: #FFFFFF url('/images/openid-icon-small.gif') no-repeat scroll 0pt 50%;
  padding-left: 18px;
}

blockquote {
   background-color: #F6F6F6;
   border: 1px solid #E6E6E6;
   font-family: courier;
   padding: 10px 0px 10px 20px;
   margin-top: 5px;
   margin-bottom: 5px;
}

div#uploads_form {
  overflow: hidden;
}

a.attach_files {margin-top: 9px; margin-left: 9px; font-weight:bold; float:left}
div.uploading_message {margin-top: 9px; margin-left: 9px; float:left}
div.note {font-size:0.9em; color:#999; margin-top:3px;}
div.attach_form {margin: 9px 0 0 12px; clear:left;}
div.attach_list {margin: 25px 14px 10px 0; clear: left;}
div.attach_list div.attach_item {}
/*div.attach_form {margin-top: 9px; margin-left: 9px; float:right; text-align:right;}*/
/*div.attach_list {margin-top: -2px; margin-right: 14px; float:right; text-align:right; clear:right;}*/

ul.options .r_count {font-weight:bold;}
ul.menu-drop .r_count {font-weight:normal; }

span#comment_down, span#comment_up {margin-left:10px;}

span.link, p.link{
	cursor:pointer; color:#1A6690;
	font-weight:bold;
}

span.link-no-bold, p.link-no-bold{
	cursor:pointer; color:#1A6690;
}

span.invert {background:#F3F3F3; padding:2px 5px; border:1px solid #A8A8A8; }

img.remove_frame {float:right; cursor:pointer; margin:-10px -5px 0 0}
img.view_sort {width:5px; height:3px; vertical-align:middle; margin-left:5px;}

/**/
/* Tiny MCE stuff */
/**/

body.entry {border-bottom: none;}
body#tinymce {min-width: 95%;}
body#tinymce a {color: #1a6690 !important; text-decoration: none !important; }


/*
  Override some of our Zendesk settings for elements loaded via JS embedding services
*/
div.pastie pre, div.gist pre {
  overflow-x: visible;
}

.loading {
  background-image: url(/images/ajax-loader.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
  min-height: 17px;
  min-width: 40px;
  padding-bottom: 21px;
}

/* Zendesk Suggests */
div#topic_suggestions {
  margin: 18px 32px 18px 10px;
}

div#topic_suggestions h2 {
  font-size: 18px;
}

ul#suggestions {
  list-style-type: none;
  margin: 18px 0 0 0;
  padding: 0px;
}

ul#suggestions li.suggestion {
  margin-bottom: 12px;
}

ul#suggestions li h3 {
  margin: 3px 0;
}

ul#suggestions li div {
  margin-bottom: 10px;
}

ul#suggestions li div b {
  color: #333;
}

ul#suggestions li#more_suggestions, ul#topic_suggestions li#more_suggestions a {
  font-size: 16px;
}

form#suggest_form {
  margin-top: 13px;
}

form#suggest_form table {
  width: 96.5%;
}

form#suggest_form table td.search_button {
  width: 20px;
}

form#suggest_form table tr.google_branding td {
  text-align: right;
  padding: 1px 10px 0 0;
  color: #676767;
  font-size: 11px;
  opacity: 0.7;
}

form#suggest_form table tr.google_branding td img {
  vertical-align: middle;
}

form#suggest_form input {
  vertical-align: middle;
  font-size: 20px;
  margin: 0px;
}

form#suggest_form input#q {
  width: 97%;
  color: #555555;
}

form#suggest_form input#suggestion_submit {
  padding: 5px 16px;
  border: none;
  background: #727070;
  color: #FFF;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 1px 1px 1px #AAA;
  -webkit-box-shadow: 1px 1px 1px #AAA;
  -moz-box-shadow: 1px 1px 1px #AAA;
}

form#suggest_form input#suggestion_submit:hover {
  background: #999;
  box-shadow: 0px 0px 1px #AAA;
  -webkit-box-shadow: 0px 0px 1px #AAA;
  -moz-box-shadow: 0px 0px 1px #AAA;
}

ul#detailed_suggestions {
  list-style-type: none;
  padding: 0 0 0 20px;
  margin-bottom: 18px;
}

ul#detailed_suggestions li h3 {
  font-size: 20px;
}

ul#detailed_suggestions li div.user_formatted {
  margin: 8px 0 18px 0;
}

li#more_suggestions {
  margin: 10px 0 12px;
}


div#lightview {
  font-size: 12px;
}

div#lightview p, div#lightview ul {
  line-height: 1.4em;
}

div#lightview div.lv_action h1 {font-size: 18px;}

div#lightview div.lv_action div.action {padding-right:0;}

.lv_Frames ul.lv_plus_features li {margin:12px 0 0 20px; list-style-type:disc;}
.lv_Frames ul.lv_plus_features {margin-top:20px}

div#lightview div.lv_action .sub-info-small {color:#666; font-size:11px; padding-top:2px; font-weight:bold;}

div#lightview div.lv_action {
  font-size: 12px;
  /*width: 350px;*/
  padding: 5px 10px 10px 10px;
  background-color:#eee;
}

div#lightview ul.lv_options {
  padding: 5px 0 5px 0;
}

div#lightview ul.lv_indented_options {
  padding: 5px 0 5px 10px;
}

div#lightview h1 {
  margin: 0.5em 0 1em 0;
  font-size: 14px;
}

div#lightview h1 span.sub, div#lightview h2 span.sub {color:#AAA; font-weight:normal;}

div#lightview h2 {
  margin: 1em 0 0.3em 0;
  font-size: 14px;
}

div#lightview h3 {
  font-size: 13px;
}


div#lightview p {
  margin: 0.3em 0 0.7em 0;
  color:#666;
}

div#lightview p.action {
  margin-top:10px; text-align:left;
}

div#lightview p.separate {
  border-bottom: 1px dashed #BBB;
  padding-bottom:15px;
  margin-bottom:10px;
}

div#lightview table.selector {
  margin-top:8px;
}

div#lightview table.selector td {
  padding-right:15px;
  padding-left: 10px;
  border-left: 1px solid #ddd;
}

/*

div#lightview div.lv_help {
  color:#888;
  margin-top: 15px;
  border-top: 1px dashed #BBB;
}

div#lightview div.lv_help h3 {
  margin: 1em 0px 0.3em 0px;
  font-size: 12px;
  color:#777;
}

*/

/* InitialHelpValue behavior */

input.initial_help_value {
  color: #CCC !important;
}

/* CountrySelectField */

div.country_select_field div.closed {
  background: #FFF;
  border: 1px solid #A8A8A8;
  padding: 0 4px;
  width: 200px;
  cursor: text;
  line-height: 24px;
}

div.country_select_field div.opened {
  position: absolute;
  width: 400px;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #FFF;
  border: 1px solid #A8A8A8;
  box-shadow: 3px 3px 5px #CCC;
  -webkit-box-shadow: 3px 3px 5px #CCC;
  -moz-box-shadow: 3px 3px 5px #CCC;
}

div.country_select_field div.opened ul {
  list-style-type: none;
  text-indent: 0px;
  padding: 0px;
  margin: 0px;
  width: 380px;
}

div.country_select_field div.opened ul li {
  width: 175px;
  float: left;
  margin: 0px;
  padding: 0 4px;
  line-height: 24px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

div.country_select_field div.opened ul li:hover {
  background: #CCC;
}

div.country_select_field div.opened ul li.selected {
  font-weight: bold;
  background: #EEE;
}

div.country_select_field img {
  padding: 0px 6px;
}

/* CheckboxMultiSelect */

div.checkbox_multi_select {
  float: left;
  width: 720px;
  margin: 2px;
}

div.checkbox_multi_select div {
  float: left;
  width: 340px;
  padding: 5px 0;
}

div.checkbox_multi_select div * {
  float: left;
  margin: 2px 0;
}

div.checkbox_multi_select div input {
  margin-right: 3px;
}

div.checkbox_multi_select div label {
  display: block;
  /*width: 150px;*/
}

div.checkbox_multi_select div a {
  padding-left: 2px;
}

/* --- */

#top-menu-background, .menu-drop {
/*.menu-drop {*/
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}

ul#green li.tab_home { border-left: 0 !important; padding-left: 2px; }

.rounded-4 {
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}


/* ---- Forums2 */

div.category-top-right { float: right; color: #484a36; margin: 14px -8px 0 0;}
div.category-top-right span.edit_this {cursor:default; color:green;}

div.columns h2 {
	/*
	margin: 12px 0 5px 0;
	padding: 0 0 5px 0;
	*/
	margin: 0px -15px 5px -13px;
	padding: 8px 15px 5px 13px;
	font-size: 25px;
  border-bottom: 2px solid #E5E5E5;
	background-color: #f8f8f8;
}

div.columns h2 a { color: #555; text-decoration: none; }

div.columns .left  { float: left; clear: both; } 
div.columns .right { float: right; }

div.columns div.category { margin-bottom: 10px; clear:both; }

div.column { margin: 5px 0; width: 47.8%; }

div.column ul { list-style: none; margin: 2px 0 5px 0px; padding: 0; }
div.column li { margin: 0; padding: 8px 0 0px; }

div.column h3 { font-size: 14px; color: #444; margin: 5px 0 0 0; padding-bottom: 5px; border-bottom: 1px solid #F2F2F2; }
div.columns h3 a { color: #333; text-decoration: none; }
div.column h3 span.sub { font-size: 11px; color: #AAA; }
div.column h3 span.detail { float: right; padding-top:3px; }

span.sub-counter {color:#999; font-weight:normal;}

h2 .follow_link { font-size: 15px; }
a .follow_link, a:visited .follow_link, h2 a:active .follow_link { color: #1A6690; }
a:hover .follow_link { color: #F1831E; }

div.column li a:hover { text-decoration: none; color: #F1831E;  }

div#show_more { font-size: 14px; font-weight: bold; margin-left: -12px; text-align: center; width:100%;}

div#show_more a { 
	background: #FFF url(/images/button-bg.png) repeat-x 0 3px;
	border: 1px solid #DDD;
	border-radius: 5px; 
	-moz-border-radius-: 5px; 
	-webkit-box-shadow: 1px 1px 1px #BBB;
	margin: 0px auto;
	padding: 8px 20px 8px 20px;
	text-align: center;
	text-decoration: none;
	display: block;
}

div#show_more a:hover { 
	/*background: #DFDFDF url(http://answers.37signals.com/images/more_button_bg.png) repeat-x 0% 0%;
	border: solid #DDD;*/
	border: 1px solid #BBB;
	color: #1A6690;
}

p.forum-nav { margin: 9px 20px 9px 0; }

/*
p.forum-nav a {text-decoration: underline;}
div.column li.more { float: right; border-bottom: none; }
*/

/* BEGIN fade trunction, prettier than using ellipses */
.fade_truncation_outer {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

div.fade_truncation_inner {
  background: transparent url(/images/fade_bar.png) repeat-y center right;
  height: 100%;
  position: absolute;
  right: 0;
  width: 25px;
}
/* END fade trunction */

.undisplayed {
  display: none;
}

span.topic_label { padding: 1px 3px; border: 1px solid #AAA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px; font-weight: normal; }
p.info.label { margin-top: 3px; }
div.item span.topic_label, div.entry span.topic_label { float: right; }
p.info span.topic_label {margin-left: 3px; float:none;}

span.label_answer {}
div.icon div.vote_count { width: 45px; height: 40px; background:#EEE; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div.icon div.vote_count div { margin: auto; font-size:13px; color: #666; font-weight:bold; vertical-align: middle; text-align:center; padding-top:11px;  }

/* ----------- Shared css for zendesk and zensite --------------- */

/* Definition lists */

dt {font-weight: bold;}
dd {margin: 0px 0px 10px 10px;}

label.help { cursor: help; }

/* Flash box */

#flash {
	background: white;
	/*font-weight: bold;*/
	padding: 0;
	margin: -5px 0 9px 0;	
}

#flash ul { padding: 4px 0 0 0; margin-left:10px; font-size:12px; }
#flash li { padding: 0; font-weight: normal; margin: 5px 0 3px 20px; color:#555; }
#flash li span.bulk_error { color:#C33232; font-weight:bold;}
#flash li span.bulk_success { font-weight:bold;}

#flash div#error, #flash div#notice, #flash div#beware, #flash div#alert {	
	padding: 15px 12px 15px 44px;
	color: #666;
	font-weight: bold;	
	font-size: 14px;		
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#flash div#error {	
	border: 1px #CF1A1A solid;	
  background: url(/images/error.png) no-repeat 12px 11px;	
}

#flash div#notice {	
	border: 1px #f0f0f0 solid;	
  background: url(/images/green_tick.png) no-repeat 12px 11px;
}

#flash div#beware, #flash div#alert {
  border: 4px #ECC602 solid;
  background: url(/images/warning.png) no-repeat 12px 11px;	  
  background-color: #FFD502;
  color: #333;
}

#flash a { font-weight: bold; text-decoration: underline;	}
#flash a.title { color: #1A6690; text-decoration: underline; }

#flash span.attention { padding: 2px 3px 1px 3px; background-color: #404040; color: white;}
	
.content-top-right span.add, .content-top-right a.add {
	background:transparent url(/images/composite.gif) no-repeat scroll 0 -63px;
	padding: 0 0 0 15px;
	border:medium none !important;
	line-height:100%;	
	border-bottom: 0;	
}

.content-top-right .rss {
	background:transparent url(/images/composite.gif) no-repeat scroll 0px -49px;
	border:medium none !important;	
	padding-left: 13px;
}
.content-top-right .subscribe {
  background: url(/images/email.png) no-repeat 0;
	padding-left: 19px;
}


/*div#container.full_width .content {margin-right: 0px;} 
div#container.minimized_widgets .content {margin-right: 50px;}*/
div#container.full_width div#contentcolumn { margin-right: 0; }
div#container.minimized_widgets div#contentcolumn {margin-right: 50px;}

div#container.full_width #sidebar {
  display: none;
}

div#container.minimized_widgets #sidebar {
  width: 50px;
}

#sidebar .widget a, #widget_manager_widget a {
  outline: none;
}

#sidebar .widget h3 a {
  color: #FFF;
}

#sidebar .widget_edit_mode {
  cursor: move;
}

.widget_close_button {
  position: relative;
  z-index: 999;
  display: block;
  width: 28px;
  height: 28px;
  top: -12px;
  left: 227px;
  background: url(/images/widgets/widget_close.png) no-repeat;
  cursor: pointer;
}

.mac_widget_close_button {
  left: -15px;
}

.widget_edit_button {
  position: relative;
  z-index: 999;
  display: block;
  top: -12px;
  left: 215px;
  cursor: pointer;
  font-size: 12px;
  width: 1px;
}

#widget_manager_widget {
  padding: 0px 10px;
  margin-top: -10px;
}

#widget_manager_widget #add_widget_button {
  text-align: right;
  padding-bottom:25px;
}

#widget_manager_widget #add_widget_button a {
  line-height: 19px;
  height: 16px;
  float: right;
  background: url(/images/widgets/puzzle.png) no-repeat top left;
  text-indent: 20px;
}

div#container.minimized_widgets #widget_manager_widget #add_widget_button a {
  width: 20px;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 11px;
}

#widget_manager_widget ul {
  margin: 0px;
  padding: 0px;
}

#widget_manager_widget ul li {
  display: block;
  background: url(/images/bullets.png) no-repeat 0 -275px;
  padding: 0 0 0 17px;
  margin: 5px 11px 5px 0;
}

div.media_widget_content {
  margin: -5px -14px;
}

div.media_widget_inner_content {
  text-align: center;
}

div.media_widget_text {
  margin-top: 14px;
}

table.widget_types {
  border: 2px solid #E6E6E6;
  padding: 7px 15px 20px 13px;
  margin: 9px 8px 10px -12px;
  background: #fff;
  min-width:590px;
  width: 100%;
}

table.widget_types h3, table.widget_types p, table.widget_types a.big {
  display: block;
  margin: 5px 0 0;
}

table.widget_types a.big {
  font-size: 20px;
  font-weight: bold;
}

table.widget_types td {
  padding: 20px 0px 20px 10%;
}


/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/*
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}


.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}


.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }


.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}


.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}


.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}


.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}

*/ 

/* zd_comment */
.prototip .zd_comment {
  font-size: 12px;
	width: 250px;
	color: #fff;
	background: #F7F7F7;
}
.prototip .zd_comment .toolbar {
	background: #777;
	font-weight: bold;
}
.prototip .zd_comment .title { padding: 5px; }
.prototip .zd_comment .content {
	color: #666;
	padding: 0 5px 0 5px;
}



/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */

/* ----------- Zendesk css for agents/admin  --------------- */


/*
Macros (Quick cases)
 */

#quick-case { float: right; position: relative; top: 10px; padding-right:10px;}
#quick-case label { font-size: 12px; }
#quick-case select { margin: 3px 0 0 0;}

/*
After updates
 */

#after-updates { margin: 8px 0 5px 10px; float: left; }
#after-updates label { float: left; margin: 2px 5px 0 0; }
#after-updates select { font-size: 11px; }

/*
Sortable rules lists
 */

ul.sortablelist {
  padding-left:0;
  list-style-image:  none;
  list-style-type:  none;
}

.content ul li.sortable{
  background-color: white;
  /*border:  1px solid #C5DEA1;*/
  border:  1px solid #C5D8B1;      
  font-weight: bold;
  margin: 5px 11px 5px 0;
  padding: 4px;
  cursor: move;
}

.content ul li.sortable_selected{
  background-color:   #ECF3E1;
  border:        1px solid #C5DEA1;
  font-weight:    bold;
  margin:       5px 11px 5px 0;
  padding:      4px;
  cursor:       move;
}

/*
Placeholder lists
 */

.placeholder-list{
  margin: 5px 0 5px 0;
  background: #F6F6F6;
  padding: 0px 8px 8px 8px;
  border: 1px black solid;
  width: 550px;
}

.placeholder-list h2{
  margin-left:0;
}

.placeholder-list h3{
  margin-top:5px;
  padding-left:0;  
  font-weight:bold;
  color:#888;  
}

.placeholder-list .placeholder-description{
  margin:5px 0 5px 0;
}

/* subscription plan matrix table */
table.plan-matrix{ color: #000000; margin: 0; width: 97%; }
table.plan-matrix td { width: 32%; text-align:top; vertical-align: top; padding:7px 7px 0 0; }
table.plan-matrix td .plan { background-color:#FFF; border:3px solid #A4D1DB; padding:0; }
table.plan-matrix td .plan-head { padding: 11px 10px 3px 10px; background: #FFF; }
table.plan-matrix td .plan-vars { background: #F9F9F9; }
table.plan-matrix h4 { float: left !important; color: #444444; font-size: 1.2em; font-weight: normal; margin: 8px 0 0 0; } 

table.plan-matrix div.left  { float: left; }
table.plan-matrix div.right { float: right; }
table.plan-matrix div.clear { clear: both; }
table.plan-matrix #billing-cycle-total { font-size: 28px; font-weight: bold; color: #777; padding: 4px 0 0 0; }
table.plan-matrix #billing-cycle-desc  { color: #AAA; font-size: 1em; padding: 0 0 0 4px;  }
table.plan-matrix #billing-cycle-undiscounted-price,
table.plan-matrix #billing-cycle-discounted-amount { float: right; font-weight: bold; font-size: 22px; margin:0; padding:0; color:#777; }
table.plan-matrix #billing-cycle-price { float:right; font-weight:bold; font-size:28px; margin:0; padding: 4px 0 0 0; color:#7fa239; }
table.plan-matrix td .plan h2 { margin: 3px 0px 7px 0px; }
table.plan-matrix td .plan h3 { font-size: 1em; margin: 15px 0px 7px 0px }
table.plan-matrix td p.features { color:#888; height:94px; font-size:1.1em; }

table.plan-matrix .plan-selection { text-align: center; padding: 10px 0; } 
table.plan-matrix .plan-selection input[type="submit"], 
table.plan-matrix .plan-selection input[type="button"] { font-size: 12px; }

span.plan-vars-title { font-weight:bold; font-size:1.2em; color:#444; }


#flash a.bulk_failure {
  font-weight: normal;
}

.indented_option { margin-left:25px; margin-bottom:20px; padding-left: 15px; border-left: 1px solid #aaa;}
.indented_option .indented_option {border-left: 1px dotted #c5c5c5;}
.indented_option h4 { margin-top: 22px; color:#444;}
.indented_option h3 { margin-top: 20px; }

div.description-for-new-ticket {padding:20px 0 10px 10px; clear:left; width:97%;}
/*
Collaborators list
 */

ul.holder { margin: 0; border: 1px solid #A8A8A8; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

form ol { margin: 0; padding: 0; }
/*form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }*/
form ol li.input-text { margin-bottom: 5px; list-style-type: none;  }
/*form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }*/
form ol li.input-text input { width: 500px; padding: 5px 5px 6px; border: 1px solid #999; }
form ul.holder { width: 400px; background: #FBFBFB; }
#facebook-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
/*
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }*/
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url(/images/close.gif); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

.maininput{display:block;}
li.bit-input{display:block; width:30px;}

a.requester_link { display:block; padding-top:3px; clear:left;}

input.reportLegend {
  margin-left: 12px;
  font-size: 14px;
  width: 350px;
  color: #333;
}

span.reportStateLabel {
  width: 200px;
  padding-right: 10px;
}

.frame #optionsContainer label { margin-right:10px;}

div#widget_manager_widget h3 {padding:10px 0 5px 0; font-size: 1.4em; }
div#widget_manager_widget ul {padding-top: 3px;}
/*div#widget_manager_widget ul li {list-style-type: disc;background:none;}*/

div#people-browse {font-size:16px; margin-top:12px; color:#555;}

div.translation textarea, .content .frame div.translation textarea, div.translation input {
  width: 96.5%;
}

div.translation div.parent_value {
  margin:3px 10px 0 0; color:#666; 
}

div.translation .error {
  background: #FFC3C3;
}

div.translation table.array td.parent_value {
  text-indent: 0px;
  padding-right: 10px;
  min-width: 70px;
}

span.incomplete {
  background: #C33232;
  color: white;
  padding: 1px 4px;
  margin-left: 3px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

p.plan-upgrade {
	border: 2px solid #bbb; padding: 5px 8px 5px 25px; margin-top: 10px; margin-bottom: 25px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; 
	background: white url(/images/plan-upgrade-arrow.png) no-repeat scroll 9px 8px; }

span.rule-owner-selector { margin-left: 30px; }

#rules { float: left; margin: 0; padding: 0; width: 96%; }
#rules h3 { margin: 10px 0 5px 0; padding: 0; font-weight: normal;}
#rules .rule-list { background: white; border: 2px solid #E6E6E6; width: 100%; padding: 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px}
#rules div.reorder { margin: 8px -10px 2px 0; }
#rules .inactive-rule-list { background-color: #F2F2F2;}
#rules .active-rule-list { margin-bottom: 5px;}

#rules .inactive-rule-list .item { border-color: #E0E0E0 }

#rules .personal .rule-list .item-info { overflow: hidden; white-space: nowrap; }
#rules .rule-list .item-info { padding-left: 0; } 
#rules .rule-list .item-info p { line-height: 1em; margin: 0; color: #555555; font-size: 11px; }

#rules .personal .rule-list .item-actions { white-space: nowrap; } 
#rules .rule-sorter .rule-list { padding: 0; margin: 0; } 
#rules .rule-sorter .rule-list li.sortable { padding: 4px 10px; margin: 2px 6px; } 

#rules .personal, #rules .shared { width: 48%; }
#rules.full-width, #rules.full-width .shared { width: 98% !important; }

#rules .shared   { float: left; }
#rules .personal { float: right; }

div.side-box-content div.add-link a { display: block; text-align: right; }

/* BEGIN Edit categories */
div.content div.frame.columns ul.sortablelist { display: none; }
div.content div.frame.columns.reordering ul.sortablelist { display: block; }
div.content div.frame.columns.reordering div.category { display: none; }

div.content div.category { position: relative; }

  div.content div.category div.category-top-right {
    background: none repeat scroll 0 50% white;
    border: 2px solid #666; /*#7FA239; */
    color: #1A6690;
    font-weight: bold;
    padding: 6px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 235px;
    z-index: 5;
  }

  div.content div.category div.category-top-right.inactive {
    border-color: transparent;
    background-color: transparent;
    width: auto;
  }

  div.content div.category.reordering div.category-top-right {
    visibility: hidden;
  }

  div.content div.category div.column {
    border: 2px dashed transparent;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    height: 107px;
    padding: 0 5px;
  }

  div.content div.category.reordering div.column {
    background: white url("/images/move-me-arrow.png") no-repeat center;
    border-color: #d9d9dc;
    cursor: move;
  }

    div.content div.category div.category-top-right span.edit_this {
      background: url("/images/composite.gif") no-repeat scroll 0 -318px transparent;
      padding-left: 12px;

    }

    div.content div.category div.category-top-right ul.edit_options {
      list-style-type: none;
      padding: 8px 0 3px 0;
      text-align: left;
    }

    div.content div.category div.category-top-right ul.edit_options.inactive {
      display: none;
    }

      div.content div.category div.category-top-right ul.edit_options li {
        border-top: 1px #E5E5E5 solid;
        color: #1A6690;
        cursor: pointer;
        margin: 0;
        padding: 3px 6px;
				font-weight: normal;
      }

      div.content div.category div.category-top-right ul.edit_options li a:hover {
				text-decoration: none;
				color: #1A6690;
      }

      div.content div.category div.category-top-right ul.edit_options li:first-child {
        border-top: none;
      }

      div.content div.category div.category-top-right ul.edit_options li:hover {
        background-color:#F5F5F5;
      }

			div.content div.category div.category-top-right ul.edit_options li.drop-header {font-weight:bold; padding-top: 12px; color:#444;}
			div.content div.category div.category-top-right ul.edit_options li.drop-header:hover { background-color:#FFF;}

      div.content div.category div.column ul li {
        margin-top: 8px;
        padding: 0;
      }

  div.content div.category div.reorder {
    clear: left;
    display: none;
    text-align: right;
  }

  div.content div.category.reordering div.reorder {
    display: block;
  }

    div.content div.category div.reorder a {
      background: url(/images/reorder.png) no-repeat; width: 135px;
      color: #4f4f4f;
      display: block;
      font-size: 10px;
      font-weight: bold;
      height: 19px;
      padding: 2px 0 0 0;
      text-align: center;
    }

/* trial upgrade */
#trial-upgrade input[type="submit"] { font-size: 16px; }  
#trial-upgrade { width: 100%; margin: 20px 0 0 0; }
#trial-upgrade h3 { text-align: left; font-weight: normal; margin: 0 0 15px 50px !important; } 

#trial-upgrade td               { vertical-align: top; }
#trial-upgrade td#plan-details  { min-width: 250px; }
#trial-upgrade td#plan-details #plan-detail-floater { 
  border: solid 3px rgb(164, 209, 219);
  background-color: #FFF;
  padding: 10px;
  margin: 0 30px; 
  min-width: 194px;
  max-width: 400px;
}

td#credit-card-entry { width: 350px; padding: 0 10px 0 0; }
td#credit-card-entry .credit-card-table { width: 100%;  }
td#credit-card-entry .credit-card-table th { width: 33%; color: #555; font-weight: bold; }
td#credit-card-entry .credit-card-table .terms { text-align: right; float: right; color: #777; font-size: 0.9em; padding: 15px 0 10px 0;}
.credit-card-table #cvv { width: 25%; }
.credit-card-table input[type="text"] { width: 97%; }
.credit-card-table .credit-card-submit { vertical-align: middle; text-align: right; padding: 0px; margin: 10px 0; }
.credit-card-table .credit-card-submit input { margin: 10px 0; }

#trial-upgrade td#plan-details h4 { 
  float: left !important; 
  color: #444444;
  font-size: 1.2em;
  font-weight: normal;
  margin: 8px 0 0 0;
} 
#trial-upgrade td#plan-details #billing-cycle-total { font-size: 28px; font-weight: bold; color: #777; padding: 4px 0 0 0; }
#trial-upgrade td#plan-details #billing-cycle-desc  { color: #AAA; font-size: 1em; padding: 0 0 0 4px;  }
#trial-upgrade td#plan-details #billing-cycle-undiscounted-price,
#trial-upgrade td#plan-details #billing-cycle-discounted-amount,
#trial-upgrade td#plan-details #billing-cycle-max-agent-count { float: right; font-weight: bold; font-size: 22px; margin:0; padding:0; color:#777; }
#trial-upgrade td#plan-details #billing-cycle-price-header { float: left; }
#trial-upgrade td#plan-details #billing-cycle-price { float:right; font-weight:bold; font-size:28px; margin:0; padding: 4px 0 0 0; color:#7fa239; }

/*div.side-box-content ul.actions { background: white; padding: 3px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } */
div.side-box-content.moderator { width:195px; background-color: white; padding: 12px 22px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px #DDD solid; }
div.side-box-content.moderator h3 {color: #333;}

div.side-box-content ul.actions li { margin: 12px 0; padding-top: 10px; border-top:1px solid #F0F0F0; clear:right; }
div.side-box-content ul.actions span.options { float:right; }
div.side-box-content ul.actions span.options a { border: 1px solid #CCC; padding: 2px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
div.side-box-content ul.actions span.options a.selected { color:#222; background-color: #E5E5E5; border-color: #AAA;}
div.side-box-content ul.actions span.options a.selected:hover { color:#333; text-decoration:none; cursor: text;}
div.side-box-content ul.actions span.options a.deselected { background-color: #FFF; }



/* Used suggestions on all examples */

div.autocomplete ul {
  background: #EEE;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
	position: relative;
	z-index: 15;
}

div.autocomplete ul li {
  background: #EEE;
  border: 1px solid #CCC;
  border-top: none;
  font-size: 80%;
  padding: 4px 12px;
  font-family: "Lucida Grande","Verdana";
  font-size: 11px;
  margin: 0px !important;
  white-space: nowrap !important;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}

div.autocomplete ul li.selected {
  background: #78959D;
  border: none;
  padding: 4px 13px 5px;
  color: #FFF;
}


/* Only used on multi select fields */

ul.multi_value_field {
  overflow: hidden;
  list-style-type: none;
  padding: 1px 5px;
  margin: 0px;
  border: 1px solid #999;
  height: auto !important;
}

ul.multi_value_field li, ul.multi_value_field input {
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
  list-style-type: none;
  -x-system-font: none;
  font-family: "Lucida Grande","Verdana";
  font-size: 11px;
}

ul.multi_value_field li.choice {
  -border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #DEE7F8 none repeat scroll 0 0;
  border: 1px solid #CAD8F3;
  padding: 1px 4px 2px;
}

ul.multi_value_field li.agent {
  /*background: #E5E5E5 url(/images/headphones.gif) left center no-repeat;
  padding-left: 20px;*/
	background: #E5E5E5 none repeat scroll 0 0;
  border: 1px solid #999;
}

ul.multi_value_field li.choice a.close {
  font-weight: bold;
  color: #777;
  padding: 2px 0 2px 3px;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

ul.multi_value_field li input {
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  padding: 3px 0 3px !important;
  width: 100px !important;
  background: none !important;
}

ul.multi_value_field li.choice:hover {
  background-color: #BBCEF1;
  border-color: #6D95E0;
}



.calendar_date_select {
  color:white;
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

.calendar_date_select thead th {
  font-weight:bold;
  background-color: #000;
  border-top:1px solid #777;
  border-bottom:2px solid #333;
  color: white !important;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background-color: #555;
}

.calendar_date_select .cds_footer {
  background-color: black;
  padding:3px;
  font-size:12px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


.calendar_date_select .cds_header {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}

.calendar_date_select .cds_header span {
  font-size:15px;
  color: black;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: white;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}
.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}

.calendar_date_select .cds_buttons a {
  color: white;
  font-size: 9px;
}
.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #666666;
}
.calendar_date_select td.weekend {
  background-color: #606060;
}

.calendar_date_select td div {
  color: #fff;
}
.calendar_date_select td div.other {
  color: #888;
}
.calendar_date_select td.selected div {
  color:black;
}

.calendar_date_select tbody td {
  border-bottom: 1px solid #555;
}
.calendar_date_select td.selected {
  background-color:white;
}

.calendar_date_select td:hover {
  background-color:#ccc;
}

.calendar_date_select td.today {
  border: 1px dashed #999;
}

.calendar_date_select td.disabled div {
  color: #454545;
}


.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}


/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}