body {
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  background: #FBFBFB;
  color: #121111;
}

div {
  overflow: hidden;
}

a {
  text-decoration: none;
  color: #0033FF;
}

.wrapper {
  width: 960px;
  height: auto;
  margin: 0 auto 0 auto;
}

.p12 {
  padding: 12px;
}

.tm { margin-top: 12px; }
.rm { margin-right: 12px; }
.bm { margin-bottom: 12px; }
.lm { margin-left: 12px; }

#header {
  height: auto;
  background: #EAEAFF;
}

#hdr-sect01 {
  line-height: 68px;
  height: 68px;
}

#hdr-logo {
  width: 246px;
  height: 68px;
  margin-right: 6px;
  float: left;
  background: url(/support/assets/images/hdr-logo.png) no-repeat;
}

.support-txt {
  font-size: 26px;
  color: #888888;
}

#navigation {
  height: 46px;
  -webkit-box-shadow: 0px 1px 5px #222222;
     -moz-box-shadow: 0px 1px 5px #222222;
          box-shadow: 0px 1px 5px #222222;
  background: #003344;
  background: -moz-linear-gradient(top,  #003344 0%, #001921 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003344), color-stop(100%,#001921));
  background: -webkit-linear-gradient(top,  #003344 0%,#001921 100%);
  background: -o-linear-gradient(top,  #003344 0%,#001921 100%);
  background: -ms-linear-gradient(top,  #003344 0%,#001921 100%);
  background: linear-gradient(top,  #003344 0%,#001921 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003344', endColorstr='#001921',GradientType=0 );
}

/************************
        Navigation
************************/

#nav {
  padding: 0;
  margin: 6px 0 0 0;
  width: auto;
  overflow: hidden;
  float: left;
}

#nav li, #uopt li {
  display: inline;
  padding: 0;
}

#nav li a {
  font-family: Verdana;
  font-size: 14px;
  text-decoration: none;
  float: left;
  padding: 2px 14px 2px 14px;
  line-height: auto;
  color: #DDDDDD;
  margin-left: 6px;
  line-height: 28px;

}

#nav li:first-child a {
  border-left: 0px;
}

#nav li a:hover, #nav li a.active {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzA0MCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMjAyYiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  rgba(0,48,64,0.8) 0%, rgba(0,32,43,0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,48,64,0.8)), color-stop(100%,rgba(0,32,43,0.8)));
  background: -webkit-linear-gradient(top,  rgba(0,48,64,0.8) 0%,rgba(0,32,43,0.8) 100%);
  background: -o-linear-gradient(top,  rgba(0,48,64,0.8) 0%,rgba(0,32,43,0.8) 100%);
  background: -ms-linear-gradient(top,  rgba(0,48,64,0.8) 0%,rgba(0,32,43,0.8) 100%);
  background: linear-gradient(top,  rgba(0,48,64,0.8) 0%,rgba(0,32,43,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc003040', endColorstr='#cc00202b',GradientType=0 );
  color: #FFFFFF;
  -webkit-border-radius: 390px;
     -moz-border-radius: 390px;
          border-radius: 390px;
  -webkit-box-shadow: 0px 1px 3px #222222 inset;
     -moz-box-shadow: 0px 1px 3px #222222 inset;
          box-shadow: 0px 1px 3px #222222 inset;
  -webkit-text-shadow: 0px 1px 3px #222222;
     -moz-text-shadow: 0px 1px 3px #222222;
          text-shadow: 0px 1px 3px #222222;
}

#nav li a.active {
  font-weight: bold;
}

/***************************
    Location Navigation
***************************/

#mylocation {
  height: 32px;
  line-height: 32px;
  background: #CCCCFF;
}

#mloc {
  padding: 0;
  margin: 0;
  width: auto;
  overflow: hidden;
  float: left;
  margin-left: 6px;
}

#mloc span.cpage {
  color: #121111;
  margin-left: 12px;
  margin-right: 12px;
  font-size: 12px;
  line-height: 36px;
}

#mloc li {
  display: inline;
  padding: 0;
}

#mloc li span {
  float: left;
  margin-top: -2px;
  padding: 0;
}

#mloc li a {
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
  float: left;
  padding: 2px 14px 2px 14px;
  line-height: auto;
  color: #0033FF;
  line-height: 28px;
}

#mloc li a:hover {
  text-decoration: underline;
}

#sub_navigation {
  width: 214px;
  height: 100%;
  padding: 12px 0px 24px 12px;
  float: left;
  border-right: 1px solid #cccccc;
  background: #fbfbfb;
  background: -moz-linear-gradient(left,  #fbfbfb 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fbfbfb), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(left,  #fbfbfb 0%,#f2f2f2 100%);
  background: -o-linear-gradient(left,  #fbfbfb 0%,#f2f2f2 100%);
  background: -ms-linear-gradient(left,  #fbfbfb 0%,#f2f2f2 100%);
  background: linear-gradient(left,  #fbfbfb 0%,#f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f2f2f2',GradientType=1 );
}

#spanel {
  width: 708px;
  height: auto;
  float: left;
  padding: 12px;
}

#snav {
  padding: 0;
  margin: 12px 0 0 0;
  width: auto;
  overflow: hidden;
}

#snav li {
  padding: 4px 0px;
  width: 241px;
  border-top: 1px solid #CCCCCC;
}

#snav li:hover {
  background: #FBFBFB;
}

#snav li a {
  width: 241px;
  font-weight: bold;
  font-family: Arial;
  font-size: 14px;
  text-decoration: none;
  padding: 2px 14px 2px 0;
  line-height: auto;
  color: #373737;
  margin-left: 6px;
  line-height: 28px;

}

#snav li:last-child {
  border-bottom: 1px solid #CCCCCC;
}

/**************************
        Main Area
**************************/

#help-search {
  width: 682px;
  padding: 12px;
  border-radius: 3px;
  background: #CCCCFF;
}

#help-search input {
  width: 558px;
  height: 34px;
  color: #666666;
  font-weight: bold;
  border-style: none;
  border: 1px solid #AAAAAA;
  line-height: 32px;
  padding: 0px 6px;
  font-size: 16px;
  float: left;
  margin-right: 6px;
  background: #FFFFFF;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

#help-search button, .pcomment button, button.new_topic, #new_topic_form button, #contact_form button {
  width: auto;
  height: 36px;
  padding: 0 12px;
  border-style: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  float: left;
  border: 1px solid #94C00E;
  -webkit-text-shadow: 0px 1px 3px #888888;
     -moz-text-shadow: 0px 1px 3px #888888;
          text-shadow: 0px 1px 3px #888888;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background: #a9dd10;
  background: -moz-linear-gradient(top,  #a9dd10 1%, #81c600 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a9dd10), color-stop(100%,#81c600));
  background: -webkit-linear-gradient(top,  #a9dd10 1%,#81c600 100%);
  background: -o-linear-gradient(top,  #a9dd10 1%,#81c600 100%);
  background: -ms-linear-gradient(top,  #a9dd10 1%,#81c600 100%);
  background: linear-gradient(top,  #a9dd10 1%,#81c600 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9dd10', endColorstr='#81c600',GradientType=0 );
}

#help-search button:hover, .pcomment button:hover, button.new_topic:hover, #new_topic_form button:hover, #contact_form button:hover {
  cursor: pointer;
  background: #81c600;
  background: -moz-linear-gradient(top,  #81c600 0%, #a9dd10 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81c600), color-stop(100%,#a9dd10));
  background: -webkit-linear-gradient(top,  #81c600 0%,#a9dd10 100%);
  background: -o-linear-gradient(top,  #81c600 0%,#a9dd10 100%);
  background: -ms-linear-gradient(top,  #81c600 0%,#a9dd10 100%);
  background: linear-gradient(top,  #81c600 0%,#a9dd10 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81c600', endColorstr='#a9dd10',GradientType=0 );
}

#help-search button:active, .pcomment button:active, button.new_topic:active, #new_topic_form button:active, #contact_form button:active {
  box-shadow: 0px 0px 5px #222222 inset;
}

button.new_topic {
  float: right;
  font-size: 14px;
  height: 28px;
  margin-top: 2px;
  border: 1px solid #0182EB;
  background: #49abfe;
  background: -moz-linear-gradient(top,  #49abfe 0%, #3886fd 0%, #3986f5 11%, #3583eb 20%, #1765c4 57%, #1261bf 65%, #1059bb 81%, #0d4ab2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49abfe), color-stop(0%,#3886fd), color-stop(11%,#3986f5), color-stop(20%,#3583eb), color-stop(57%,#1765c4), color-stop(65%,#1261bf), color-stop(81%,#1059bb), color-stop(100%,#0d4ab2));
  background: -webkit-linear-gradient(top,  #49abfe 0%,#3886fd 0%,#3986f5 11%,#3583eb 20%,#1765c4 57%,#1261bf 65%,#1059bb 81%,#0d4ab2 100%);
  background: -o-linear-gradient(top,  #49abfe 0%,#3886fd 0%,#3986f5 11%,#3583eb 20%,#1765c4 57%,#1261bf 65%,#1059bb 81%,#0d4ab2 100%);
  background: -ms-linear-gradient(top,  #49abfe 0%,#3886fd 0%,#3986f5 11%,#3583eb 20%,#1765c4 57%,#1261bf 65%,#1059bb 81%,#0d4ab2 100%);
  background: linear-gradient(top,  #49abfe 0%,#3886fd 0%,#3986f5 11%,#3583eb 20%,#1765c4 57%,#1261bf 65%,#1059bb 81%,#0d4ab2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49abfe', endColorstr='#0d4ab2',GradientType=0 );
}

button.new_topic:hover {
  background: #0d4ab2;
  background: -moz-linear-gradient(top,  #0d4ab2 0%, #3886fd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d4ab2), color-stop(100%,#3886fd));
  background: -webkit-linear-gradient(top,  #0d4ab2 0%,#3886fd 100%);
  background: -o-linear-gradient(top,  #0d4ab2 0%,#3886fd 100%);
  background: -ms-linear-gradient(top,  #0d4ab2 0%,#3886fd 100%);
  background: linear-gradient(top,  #0d4ab2 0%,#3886fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4ab2', endColorstr='#3886fd',GradientType=0 );
}

h1 {
  font-size: 24px;
  margin: 0 0 12px 0;
}

.support_option {
  width: 228px;
  height: auto;
  float: left;
}

p {
  font-size: 14px;
}

.support_option img {
  width: 220px;
  height: 106px;
  margin: 4px 0px;
  border-style: none;
  box-shadow: 0px 1px 5px #444444;
  background: #000000;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

h2 {
  font-size: 18px;
  margin: 12px 0 12px 0;
}

h3 {
  font-size: 16px;
  margin: 12px 0 12px 0;
}

.support_option p {
  font-size: 14px;
  color: #444444;
  margin: 0;
}


.sclear {
  width: 708px;
  height: 12px;
  clear: both;
}


.hd_mtopic, .mycomment, .pcomment {
  width: 704px;
  padding: 2px;
}

.hd_stopic {
  width: 510px;
  padding: 12px;
  background: #FFFFFF;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0px 2px 3px #888888;
     -moz-box-shadow: 0px 2px 3px #888888;
          box-shadow: 0px 2px 3px #888888;
  float: left;
}

.hd_stopic ol {
  font-size: 14px;
  color: #444444;
  margin: 0;
}

.hd_stopic h4 {
  margin: 0 0 6px 0;
}

.hd_stopic p {
  margin: 0;
  font-size: 14px;
  color: #444444;
}

.hd_stopic tpc p {
  margin: 0;
  font-size: 14px;
  color: #444444;
  width: 452px;
}

.hd_stopic img {
  width: 52px;
  height: 52px;
  float: left;
  margin-right: 6px;
}

.hd_topic_stats img {
  width: 52px;
  height: 52px;
  float: right;
  margin-left: 6px;
  margin-top: 2px;
}

.tstat {
  width: 90px;
  float: left;
}

.hd_stopic a:link:hover, .hd_topic_stats a:link:hover {
  text-decoration: underline;
}

.hd_topic_stats {
  width: 128px;
  padding: 12px;
  text-align: right;
  background: #FFFFFF;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0px 2px 3px #888888;
     -moz-box-shadow: 0px 2px 3px #888888;
          box-shadow: 0px 2px 3px #888888;
  float: left;
}

.hd_topic_stats h5 {
  font-size: 12px;
  color: #373737;
  margin: 0;
}

.hdm_stats {
  width: 148px;
}

.hdm {
  width: 490px;
}

.hdm_sep {
  width: 490px;
  height: 6px;
  clear: both;
}

h1 a:link:hover {
  text-decoration: underline;
}

.hd_topic_stats p {
  font-size: 12px;
  color: #444444;
  margin: 6px 0 0 0;
}

/* User Comment */

.mycomment .ucomm {
  width: 538px;
  padding: 12px;
  background: #ECECFF;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0px 2px 3px #888888;
     -moz-box-shadow: 0px 2px 3px #888888;
          box-shadow: 0px 2px 3px #888888;
  float: left;
}

.pcomment .ucomm {
  width: 590px;
}

.pcomment form {
  margin: 0;
}

.pcomment textarea {
  width: 464px;
  height: 40px;
  margin: 0 6px 0 0;
  padding: 2px 6px;
  font-size: 14px;
  float: left;
  border-style: none;
  background: #FFFFFF;
  border: 1px solid #AAAAAA;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.pcomment button {
  height: 44px;
  width: 100px;
}

#post_comment h4 {
  margin-bottom: 6px;
}

.mycomment .ucomm h4 {
  margin: 0 0 6px 0;
}

.mycomment .ucomm p {
  margin: 0;
  font-size: 14px;
  color: #121111;
}

.mycomment .avi a:link:hover, .mycomment .avi a:link:hover {
  text-decoration: underline;
}

.mycomment .avi {
  width: 100px;
  text-align: center;
  padding: 12px;
  background: #ECECFF;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0px 2px 3px #888888;
     -moz-box-shadow: 0px 2px 3px #888888;
          box-shadow: 0px 2px 3px #888888;
  float: left;
}

.pcomment .avi {
  width: 48px;
}

.mycomment .avi h3 {
  font-size: 18px;
  color: #121111;
  margin: 4px 0 0 0;
}

.mycomment .avi p {
  font-size: 16px;
  color: #121111;
  margin: 0;
}

.mycomment .avi img {
  width: 48px;
  height: 48px;
  border-style: none;
  float: left;
}

.hd_mtopic .cat {
  height: 56px;
}

/* Pagination */

.pagination span {
	float: left;
	font-weight: bold;
	margin-right: 8px;
}

.pagination ul {
	float: left;
}

.pagination li {
	float: left;
	margin-right: 4px;
}

.pagination a {
	padding: 2px 6px;
	background-color: #CBD2D3;
	border: 1px solid #CBD2D3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	color: #798C8E;
}

.pagination a.currentPage {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #445253;
}


#footer {
  height: 42px;
  line-height: 42px;
  background: #EAEAFF;
  font-size: 12px;
  color: #373737;
}

#footer #copyright {
  margin: 0;
  float: left;
  font-size: 12px;
}

#footer #links {
  margin: 0;
  float: right;
  font-size: 12px;
}

.mntform {
  width: 442px;
}

.sntform {
  width: 202px;
  text-align: left;
  font-size: 16px;
}

.sntform h5 {
  font-size: 16px;
}

.sntform p {
  font-size: 14px;
}

#new_topic_form p, #contact_form p {
  margin: 12px 0;
}

#new_topic_form h5, #contact_form h5 {
  margin: 6px 0;
}

#new_topic_form input, #contact_form input {
  width: 426px;
  height: 28px;
  line-height: 28px;
  border-style: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0px 0px 3px #888888 inset;
     -moz-box-shadow: 0px 0px 3px #888888 inset;
          box-shadow: 0px 0px 3px #888888 inset;
  color: #444444;
  font-size: 16px;
  padding: 0px 6px;
  border: 1px solid #AAAAAA;
}

#new_topic_form textarea, #contact_form textarea {
  width: 426px;
  height: 148px;
  line-height: 28px;
  border-style: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0px 0px 3px #888888 inset;
     -moz-box-shadow: 0px 0px 3px #888888 inset;
          box-shadow: 0px 0px 3px #888888 inset;
  color: #444444;
  font-size: 16px;
  padding: 6px;
  border: 1px solid #AAAAAA;
}

.hightlight {
  background: #FFC6C6;
}

.private p, .private ul, .private ol {
  font-size: 14px;
  color: #444444;
}

.private h4 {
  font-size: 14px;
  color: #373737;
}

.resource {
  margin: 0;
  padding: 0;
  width: 708px;
  clear: both;
}

.resource li {
  width: 200px;
  height: auto;
  overflow: hidde;
  margin-right: 12px;
  display: inline-block;
  padding: 12px;
  text-align: center;
  list-style: none;
}

.resource li:hover {
  background: #EEEEEE;
}

.resource img {
  max-width: 120px;
  height: auto;
}

.resource li h5 {
  font-size: 14px;
  margin: 6px 0 0 0;
  color: #0033FF;
}

.resource li h5:hover {
  text-decoration: underline;
}

.resource li:last-child {
  margin-right: 0;
}

#support_feedback {
  width: 100px;
  height: 100px;
  background: url(/support/assets/images/feedback_trigger.png) no-repeat;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 800;
}

#support_feedback:hover {
  cursor: pointer;
  background: url(/support/assets/images/feedback_trigger_hover.png) no-repeat;
}

/**************************
        Support Panel
**************************/

#my_appspyre_support_panel {
  display: none;
  width: 570px;
  height: 420px;
  border: 6px solid #FBFBFB;
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  margin: -218px 0 0 -291px;
  background: #FBFBFB;
  -webkit-box-shadow: 0px 2px 5px #444444;
     -moz-box-shadow: 0px 2px 5px #444444;
          box-shadow: 0px 2px 5px #444444;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

#appspyre_support_panel {
  width: 570px;
  height: 420px;
}

#appspyre_support_panel #title_bar {
  width: 548px;
  height: 42px;
  padding: 12px;
  background: #DFDFFF;
}

#appspyre_support_panel #title_bar h2 {
  font-size: 18px;
  color: #0066FF;
  margin: 0;
}

#appspyre_support_panel #title_bar p {
  font-size: 12px;
  color: #444444;
  margin: 2px 0 0 0;
}

#appspyre_support_panel #topics_panel {
  width: 205px;
  float: left;
  height: 416px;
  padding: 12px;
}

#appspyre_support_panel #topics_panel ul {
  margin: 0;
  padding: 0 0 0 24px;
}

#appspyre_support_panel #topics_panel ul li {
  padding-top: 12px;
  list-style-image: url(../images/sug_cat_bul.png);
}

#appspyre_support_panel #topics_panel ul li h5 {
  margin: 0;
  font-size: 14px;
  color: #0099FF;
}

#appspyre_support_panel #topics_panel ul li p {
  margin: 0;
  font-size: 12px;
  color: #888888;
}

#appspyre_support_panel #topics_panel ul li a {
  color: #0066FF;
}

#appspyre_support_panel #topics_panel ul li a:hover {
  color: #444444;
}

#appspyre_support_panel #feedback_form {
  width: 316px;
  float: right;
  height: 396px;
  padding: 12px;
  border-left: 1px solid #E6E6FF;
}

#appspyre_support_panel #feedback_form input, #appspyre_support_panel #feedback_form select {
  width: 300px;
  height: 28px;
  line-height: 28px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  padding: 0px 6px;
  border: 1px solid #AAAAAA;
  font-size: 14px;
  color: #444444;
}

#appspyre_support_panel #feedback_form input#name, #appspyre_support_panel #feedback_form input#uweb  {
  margin-right: 6px;
}

#appspyre_support_panel #feedback_form input#name, #appspyre_support_panel #feedback_form input#email, #appspyre_support_panel #feedback_form input#uweb {
  width: 138px;
}

#appspyre_support_panel h4 {
  font-size: 14px;
  color: #0033FF;
  margin: 0 0 6px 0;
}

#appspyre_support_panel #feedback_form p.desc {
  color: #444444;
  font-size: 12px;
}

#appspyre_support_panel #feedback_form select {
  width: 314px;
}

#appspyre_support_panel #feedback_form textarea {
  width: 300px;
  height: 80px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  padding: 6px;
  border: 1px solid #AAAAAA;
  font-size: 16px;
  color: #373737;
}

#appspyre_support_panel #feedback_form textarea:hover, #appspyre_support_panel #feedback_form input:hover {
  border: 1px solid #888888;
}

#appspyre_support_panel #feedback_form textarea:focus, #appspyre_support_panel #feedback_form input:focus {
  border: 1px solid #0033FF;
}

#appspyre_support_panel #feedback_form button {
  border-style: none;
  border: 1px solid #91BC0E;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  -webkit-text-shadow: 0px 1px 3px #888888;
     -moz-text-shadow: 0px 1px 3px #888888;
          text-shadow: 0px 1px 3px #888888;
  padding: 4px 12px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background: #a9dd10;
  background: -moz-linear-gradient(top,  #a9dd10 1%, #81c600 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a9dd10), color-stop(100%,#81c600));
  background: -webkit-linear-gradient(top,  #a9dd10 1%,#81c600 100%);
  background: -o-linear-gradient(top,  #a9dd10 1%,#81c600 100%);
  background: -ms-linear-gradient(top,  #a9dd10 1%,#81c600 100%);
  background: linear-gradient(top,  #a9dd10 1%,#81c600 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9dd10', endColorstr='#81c600',GradientType=0 );
}

#appspyre_support_panel #feedback_form button:hover {
  cursor: pointer;
  background: #81c600;
  background: -moz-linear-gradient(top,  #81c600 0%, #a9dd10 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81c600), color-stop(100%,#a9dd10));
  background: -webkit-linear-gradient(top,  #81c600 0%,#a9dd10 100%);
  background: -o-linear-gradient(top,  #81c600 0%,#a9dd10 100%);
  background: -ms-linear-gradient(top,  #81c600 0%,#a9dd10 100%);
  background: linear-gradient(top,  #81c600 0%,#a9dd10 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81c600', endColorstr='#a9dd10',GradientType=0 );
}

#appspyre_support_panel #feedback_form button:active {
  -webkit-box-shadow: 0px 1px 5px #444444 inset;
     -moz-box-shadow: 0px 1px 5px #444444 inset;
          box-shadow: 0px 1px 5px #444444 inset;
}

#light_support_bg {
  width:91400px;
  height:99990px;
  position:absolute;
  top:0%;
  left:0%;
  background:#7F7F7F;
  opacity:0.5;
  display:none;
  z-index: 1000;
}

#sp_close {
  color:#ACAAAA;
  float: right;
  cursor: pointer;
  background-image: url(/support/assets/images/close.png);
  margin-top: 12px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: 14px;
}