html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/************************************ <global> *****************************/

body {padding-top: 15px; margin: 0; text-align: center; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 12px; background: #012b54 url(https://img.abcmouse.com/home/homepage/letter_bg.png) repeat;}
.container {margin: 0 auto; text-align: left; width: 1018px;}
.bodyDimensions {width: 982px; margin: 0 auto;}

a { color: #0000FF;}
a:visited { color: #0000FF;}

#header { height: 110px; background: url("https://img.abcmouse.com/home/customer_support_assets/shell-top.png") top left no-repeat; position: relative;}
#header #homeLink { width: 145px; height: 28px; position: absolute; top: 0; right: 119px; cursor: pointer;}
#headerTitle2 { width:100%; display:block; position: absolute; top: 38px; font-size:30px; font-weight:bold; text-align:center; color: #FFFFFF;}
#body { background: url("https://img.abcmouse.com/home/customer_support_assets/shell-bg.png") repeat-y; position: relative;}
#footer { height: 57px; background: url("https://img.abcmouse.com/home/customer_support_assets/shell-bottom.png") top left no-repeat; padding-top: 1px; position: relative; margin-top: -10px;}
#footerText { text-align: center; font-size: 10px; margin-top: 30px;}
#drop_shadow { width: 22px; height: 100%; position: absolute; top: 0; left: 0; background: url("https://img.abcmouse.com/home/customer_support_assets/shell-drop-shadow.png") repeat-y;}
#body #mainContent { padding-left: 19px; width: 958px; background-color: #FFFFFF; padding: 1px;}
#subtitle { position: absolute; top: 87px; left: 55px; font-size: 14px; font-weight: bold;}

.errorMsg { color: #FD4C4C;}
.confirmationMessage { text-align: center; width: 90%; margin: 0 auto; margin-top: 50px; /*background-color: #E1FFE1;*/ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid green; border-top: 1px solid green;}

.clear { clear: both;}

.bubbleContent { background-position: -653px 0; padding: 10px; padding-top: 1px; padding-bottom: 1px; min-height: 50px;}
.row { padding-top: 15px; padding-bottom: 10px;}
.row .avatarColumn { width: 125px; float: left;}
.row .avatarColumn .avatarCaption { width: 103px; text-align: center; clear: right; float: right; font-weight: bold;}
.row .threadColumn { width: 800px; float: left;}

.row.cs_message { background-color: #E7F6FF; background: url("https://img.abcmouse.com/home/customer_support_assets/cs-response-bg.jpg") repeat;}
.row.cs_message .avatar { width: 103px; height: 96px; background: url("https://img.abcmouse.com/home/customer_support_assets/abcmouse.png"); float: right;}
.row.cs_message .avatar .avatarPicture { display: none;}
.row.cs_message .bubble { width: 652px; margin-left: 20px; position: relative; margin-top: 10px;}
.row.cs_message .bubbleTop, .row.cs_message .bubbleContent, .row.cs_message .bubbleBottom, .row.cs_message .bubblePointer { background-image: url("https://img.abcmouse.com/home/customer_support_assets/abcmouse-buble-sprite.png"); background-repeat: repeat-y;}
.row.cs_message .bubbleTop { height: 10px;}
.row.cs_message .bubbleContent .bubblePointer { width: 22px; height: 20px; background-position: right top; position: absolute; top: 35px; left: -18px;}
.row.cs_message .bubbleBottom { height: 10px; background-position: left bottom;}

.row.user_message { padding-top: 20px;}
.row.user_message .avatar { width: 87px; height: 87px; background: url("https://img.abcmouse.com/home/customer_support_assets/user-avatar-frame.png"); float: right; margin-top: 20px; position: relative; overflow: hidden;}
.row.user_message .avatar .avatarFrame { position: absolute; top: 0; left: 0; background: url("https://img.abcmouse.com/home/customer_support_assets/avatar-frame.png"); width: 87px; height: 87px;}
.row.user_message .bubble { width: 652px; margin-left: 20px; position: relative;}
.row.user_message .bubbleTop, .row.user_message .bubbleContent, .row.user_message .bubbleBottom, .row.user_message .bubblePointer { background-image: url("https://img.abcmouse.com/home/customer_support_assets/user-grey-sprite.png"); background-repeat: repeat-y;}
.row.user_message .bubbleTop { height: 6px;}
.row.user_message .bubbleContent .bubblePointer { width: 21px; height: 20px; background-position: right top; position: absolute; top: 35px; left: -14px;}
.row.user_message .bubbleBottom { height: 12px; background-position: left bottom;}

.message .message_title { font-weight: bold;}
.message .message_text { margin-top: 10px;}

.button { display: inline-block; zoom:1; *display: inline;}
.button .leftSide, .button .rightSide, .button .content { background: url("https://img.abcmouse.com/home/customer_support_assets/btn-sprite.png"); height: 32px; float: left;}
.button .leftSide { width: 2px; background-position: top left;}
.button .rightSide { width: 6px; background-position: top right;}
.button .content { background-position: 0 -34px; overflow: hidden; cursor: pointer;}
.button .content .button-text { margin-top: 8px; color: #FFFFFF; text-align: center; font-size: 15px; font-weight: bold; text-shadow: #333 2px 2px 2px;}
.button .content input { background-color: transparent; outline: none; border: none; padding: 0; margin: 0; color: #FFFFFF; text-align: center; font-size: 18px; font-weight: bold; cursor: pointer; overflow: visible; font-family: Arial,Verdana; text-shadow: #333 2px 2px 2px; height: auto; margin-top: 0px; background-color: transparent; padding-bottom: 5px; padding-top: 4px;}

.btn-container { text-align: center; float: left; margin-right: 30px;}
.btn-caption { font-weight: bold; text-align: center; font-size: 11px; margin-top: 5px;}

/********************************** <contactCustomerSupport> ********************/

#contactCustomerSupport {font-size: 13px;}
#contactCustomerSupport #firstParagraph { text-align: left; margin-top: 0px; margin-left: 60px; margin-bottom: 20px; font-size: 110%; font-weight: bold;}
#contactCustomerSupport #ticketForm { width: 100%; margin: 0 auto; margin-bottom: 0px;}
#contactCustomerSupport #ticketForm p { margin-bottom: 15px; clear: left;}
#contactCustomerSupport #ticketForm .errMsg {margin:-5px 0 10px 150px; color:red;}
#contactCustomerSupport #ticketForm label { float: left; width: 140px; font-weight: bolder; margin-top: 2px; margin-right: 10px; text-align: right;}
#contactCustomerSupport #ticketForm select { width: 205px;}
#contactCustomerSupport #ticketForm .textBox { width: 160px;}
#contactCustomerSupport #ticketForm #submitButton { text-align: left; margin-top: 10px;}
#contactCustomerSupport #ticketForm #submitButton button { float: right; margin-right: 34px;cursor:pointer;}
#contactCustomerSupport #ticketForm p.errorMsg { margin-left: 150px;}
#contactCustomerSupport #ticketForm #messageTextArea { width: 355px; height: 92px; background: url("https://img.abcmouse.com/home/customer_support_assets/message_box.jpg") no-repeat 0 0; padding-top: 3px; padding-left: 3px; float: left;}
#contactCustomerSupport #ticketForm #messageTextArea textarea { width: 348px; height: 85px; overflow: auto; background-color: transparent; border: none; outline: none; resize: none;}
#contactCustomerSupport #ticketForm #subject {width:352px;}
#contactCustomerSupport .buttons { width: auto; margin: 0; margin-left: 18px; margin-top: 10px;}
#contactCustomerSupport #ticketForm button { background-color:transparent;padding:0px, margin:0px;border:none;}
#contactCustomerSupport .submit-btn.button .content { width: 100px;}
#contactCustomerSupport .buttons #live-support-button { width:203px; height:90px; no-repeat; float:left; }
#contactCustomerSupport .buttons #buttons-right { float:right; margin-right:150px; }

/************************************ <ticketHistory> *****************************/

#ticketHistory #ticketHistoryContainer { width: 100%; margin: 0 auto;}
#ticketHistory #ticketHistoryContainer table { width: 100%; margin-bottom: 0px; border: none;}
#ticketHistory #ticketHistoryContainer th { color: #000; background-color: #E6F6FF; border: none; padding-top: 8px; padding-bottom: 8px; text-align: center; font-weight: bold;}
#ticketHistory #ticketHistoryContainer td {  border: none; padding: 8px; border-bottom: 1px solid #85B2FF;}
#ticketHistory #ticketHistoryContainer td.unseen { font-weight: bold;}
#ticketHistory #ticketHistoryContainer td.unseen.envelope { background: url('https://img.abcmouse.com/home/customer_support_assets/envelope.png') no-repeat 15px 7px;}
#ticketHistory #ticketHistoryContainer tr.pair { background-color: #EEEEF1;}
#ticketHistory #ticketHistoryContainer th.date { width: 140px;}
#ticketHistory #ticketHistoryContainer th.action { width: 120px;}
#ticketHistory #ticketHistoryContainer .action { font-size: 12px; text-align: center;}

/************************************ <ticketThread> ****************************/

#ticketThread #mainTitle { float: left; margin-top: 8px;}
#ticketThread #ticketDigit { margin-left: -5px;}
#ticketThread #ticketNumber { float: left; margin-top: 10px; margin-left: 3px;}
#ticketThread #pound { float: left; margin-top: 10px; margin-left: 10px;}

#ticketThread #ticketThreadMessages { width: 95%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
#ticketThread #ticketThreadMessages table { width: 100%; margin-top: 10px;}
#ticketThread #ticketThreadMessages th { color: #FFFFFF; background-color: #8FB6F9; padding: 5px; text-align: left; font-weight: bold;}
#ticketThread #ticketThreadMessages td { border-bottom: 1px solid #7DBDFA; padding: 5px;}
#ticketThread #ticketThreadMessages .plainTable td { border: none;}
#ticketThread #ticketThreadMessages td.date { width: 20%;}

#ticketThread #replyForm { width: auto; margin: 0;}
#ticketThread #replyForm p.errorMsg { margin-top: 10px;}
#ticketThread #replyForm #replyContent { display: none;}
#ticketThread #replyForm textArea { width: 100%; margin-top: 0px; resize: none; overflow: auto; outline: none; border: none;}
#ticketThread #replyForm .buttons input { margin-right: 0px;}
#ticketThread #replyForm button { background-color:transparent;padding:0px, margin:0px;border:none;margin-right:50px;cursor:pointer;}

#ticketThread #latestMessage { width: 95%; margin: 0 auto; margin-top: 10px;}
#ticketThread h1 { font-size: 14px; }
#ticketThread #latestMessage #message {width: 100%; border: 1px solid #7DBDFA; margin: 0 auto; margin-top: 10px; padding: 10px 0 10px 5px;}
.message p { margin-bottom: 10px;}

#ticketThread .previous-messages { background-color: #9DD9FF; border-bottom: 3px solid #78A9FF; min-height: 22px; padding-top: 1px;}
#ticketThread .previous-messages .previous-messages-title { font-weight: bold; margin-top: 3px; margin-left: 40px; font-size: 14px;}
#ticketThread .previous-messages .arrow { width: 20px; height: 13px; background: url("https://img.abcmouse.com/home/customer_support_assets/messages-arrow.png"); float: left; margin-left: 15px; margin-top: 5px;}

#ticketThread #body #mainContent { padding-left: 19px; width: 940px; background-color: #FFFFFF; min-height: 380px;}
#ticketThread .row.user_message .avatar { margin-top: 5px;}
#ticketThread .message p, #ticketThread .message ul, #ticketThread .message ol { margin-bottom: 10px !important;}
#ticketThread .message ul { list-style: disc;}
#ticketThread .message ol { list-style: decimal;}
#ticketThread .message li { margin-left: 40px;}

#ticketThread .button.thank_you_btn .content { width: 90px;}
#ticketThread .btn-container { text-align: center; float: left; margin-right: 45px;}
#ticketThread .messageButtons { margin-left: 162px; margin-top: 15px;}
#ticketThread .button.send-btn .content { width: 150px;}
#ticketThread .button .content input { font-size: 15px;}
#ticketThread .button.cancel-btn .content { width: 100px;}
#ticketThread  .replyButtons { margin-left: 160px; margin-top: 15px;}

/************************************** ZHS *****************************************/

#contactCustomerSupport.zhs #subtitle { font-size: 20px;}
#contactCustomerSupport.zhs div { font-size: 18px;}
#contactCustomerSupport.zhs #headerTitle2 { font-size: 25px;}
#contactCustomerSupport.zhs textarea { font-size: 16px; width: 635px;}
#contactCustomerSupport.zhs .btn-caption { position: relative; top: -30px; left: -70px;}

/************************* mobile "from itunes" ******************************/
.from_itunes .top_section { display:none; }
.from_itunes .questions { display:none; }
.from_itunes #contact_cs_link { display:none; }
.from_itunes .category_headline { display:none; }
.from_itunes #home_btn { display:none; }
#contactCustomerSupport.from_itunes .submit-btn.button .content { width: auto;}
.button .content .button-text { padding-left:20px; padding-right:20px; }