html {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:100%
}
  
body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:100%}
  
pre {
  font-family: monospace;
  font-size:12px;
  }
  
body {
  background: #505050;
  font-size:14px;
  text-align:center;
  }
  

  .paperContainerParent {
    float: left;
    display: block;
    /*height: 85px;
    width: 130px;*/
    text-align: center;
    position: relative;
  }
  
  .paperContainerParent a {
    font-size: 10px;
    color: #333;
    padding: 0;
    text-decoration: none;
  }
  
  .paperContainerParent a:hover {
    color: blue;
  }  
  
  .paperContainer {
    float: left;
    display: block;
    border: 1px solid #333;
    padding: 2px;
    height: 190px;
    width: 150px;
    font-size: 10px;
    margin: 0 2px 2px 0;
    text-align: center;
    overflow: hidden;
    position: relative;
  }  
  
  .paperContainer a {
    color: blue;
    display: block;
    width: 100%;
    height: 100%;
  }

  .paperContainer a b {
    color: #333;
  }
  
  .paperContainer a:hover {
    color:blue;
  }
  
  .paperContainer a:hover b {
    color:blue;
  }
  
  .paperContainer img {
    /*position:absolute;*/
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
  }
  
  #productFrameInner{
    height: auto !important;
    display: table;
  }  
  
.main_container {
  background:#FFF; /* F9F9F9 */
  border-top:solid 1px #999;
  border-left:solid 1px #999;
  border-right:solid 1px #777;
  border-bottom:solid 1px #777;
  width:1024px;
  margin:auto;
  border-radius: 10px;
  overflow: hidden;
  }
.banner {
  background:#FFF url("../images/headergradient.png") repeat-x;
  height: 125px;
  font-size:35px;
  color:#000;
  padding:0;
  }
  
.banner img {
  border:0;
  float:left}
  
.banner .text {
  margin:auto;
  }
  
.slogan {
  font-style: italic;
  font-weight:bold;
  font-size:14px
  color:#000;
  }
  
.body {
  color:#000;
  background:#FFF; /* F9F9F9 */
  width:810px;
  padding:10px;
  text-align:justify;
  float:left;
  }
  
h1, h3 {
  background: transparent;
  text-transform: uppercase;
  /*color: #567;*/
  color: #233A51;
  text-shadow: 1px 1px #C8C8C8;
  border: 0;
  }
  
h1 {
  text-align:center;
  font-size:25px;
  border-top:1px solid #DDD;
  border-bottom:1px solid #DDD;
  }
  
h3 {
  border-bottom:1px solid #DDD;
  font-size:16px;
  }
  
a {
  color:#00F;
  text-decoration:none;
  border:0}
a:hover {
  background:#EEE}
img {
  border:0}
.links {
  background: #EEE;  
  border:1px solid #999;
    border-radius: 10px;
  overflow: hidden;
  }
.toc {
  color:#000;
  width:170px;
  float:right;
  padding-right:5px;
  padding-top:5px}
.toc * {
  margin-left:3px;
  margin-right:3px}
.toc .header {
  margin:0}
.toc a {
  color:#000;
  border:1px solid #EEE;
  border-left:3px solid #EEE;
  border-right:3px solid #EEE;
  padding:5px;
  display:block;
  text-decoration:none;
  padding:5px}
.toc a:hover {
  color:#000;
  border:solid 1px #A5C0C9;
  border-left:3px solid #A5C0C9;
  border-right:3px solid #A5C0C9;
  background:#DDD}
.toc_top {
  background: #EEE}
.toc_bottom {
  background: #EEE}
  
.footer_container {
  clear:both;
  font-size:9px;
  /*height: 174px;*/
  height: 48px;
  border-top: 1px solid #CCC;
  /*margin:0px auto;
  padding:10px 0px 0px 0px;
  position:relative;*/
  /*text-align:center;*/
  text-align:right;
  }
  
.footer {
  background:transparent;
  color:#999;
  font-size:9px
  border-top:1px solid transparent;
  padding:6px;
  }
  
.footer:hover {
  background:#DDD;
  color:#444;
  border-top:1px solid #999;
  }
.footer a {
  text-decoration:none;
  color:#AAF}
.footer:hover a {
  color:#00F}
#news {
  color:#E6E6E6;
  font-weight:bold;
  font-size:12px
  padding-top:5px;
  padding-bottom:5px;
  border-bottom:2px solid #02243C;
  text-align:center}
.header {       
  background:#364967; /* A5C0C9 */
  border:solid 1px #999;
  color:#F9F9F9;
  text-align:center;
  font-weight:bold;
  height: 25px;
  padding: 7px 0 0 0;
  font-size:16px
  vertical-align:middle}
.login_highlight {
  color:#F00;
  text-align:left;
  font-weight:bold}
.right_align {
  text-align:right}
.button {
     cursor:pointer}
  
.resultsTable tr.hover:hover{
  background:#D7E8FA;
}
  
.resultsTable th{
  background:#426599; /*#7DA5E0*/
  color: #FFF; /*#D7E8FA*/
}

table.resultsTable tr td{
  border-right: 1px solid #CCC;
}

tr.first{
  background:#F1F1F1}
tr.second {
  background:#F9F9F9}
table.bordered {
  border:1px solid #777}
th {	
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0099CC}
.table_header {
  background:#E6EEF0;
  font-weight:bold}
.logo {
  text-align:center}
.error {
  color:red}
  
.menubar {
 color: #000;
background: #eeeeee;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 68%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 68%);
background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 68%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );

  border:1px solid #B3B3B3;
  padding:2px;
  display:block;
  text-align:center
  }
  
.menubar:hover, .selected1 {
background: #cccccc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #cccccc 15%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #cccccc 15%,#eeeeee 100%);
background: linear-gradient(to bottom,  #cccccc 15%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );

  }
.menubar:hover, .selected2 {
background: #cccccc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #cccccc 15%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #cccccc 15%,#eeeeee 100%);
background: linear-gradient(to bottom,  #cccccc 15%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );

  }
.menubar:hover, .selected3 {
background: #cccccc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #cccccc 15%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #cccccc 15%,#eeeeee 100%);
background: linear-gradient(to bottom,  #cccccc 15%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );

  }
.menubar:hover, .selected4 {
background: #cccccc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #cccccc 15%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #cccccc 15%,#eeeeee 100%);
background: linear-gradient(to bottom,  #cccccc 15%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );

  }      
.groupbar {
  background:#DDD}
.problem {
  background:#FAA} 
.like_link {
  cursor:pointer}
#indented_left {
  padding-left:15px}
.score_bordered {
  border:1px solid #777;
  padding:2px;
  padding-top:4px;
  margin-right:3px}
.skip {
  background:#ff5858}
.one {
  background:#ff6d6d}
.two {
  background:#ff8080}
.three {
  background:#ff9697}
.four {
  background:#ffadad}
.five {
  background:#92bade}
.six {
  background:#9bd18f}
.seven {
  background:#8ac97b}
.eight {
  background:#7bc26b}
.nine {
  background:#6bba58}
.ten {
  background:#57b142}

 .normal { background-color: #FFFFFF }
  .highlight { background-color: #8888FF }

#menuSlider{
  width: 650px;
  margin: 0px auto;
  padding: 10px 0px 30px 0px;
}

#menuSlider ul{
  margin: 0px;
  line-height: 30px;
  padding: 0px;
}

#menuSlider li{
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
  position: relative;
}

#menuSlider li:hover{
  background-color: #D7E8FA;
}

#menuSlider ul li a{
  width: 150px;
  height: 30px;
  font-size: 12px;
  display: block;
}

#menuSlider ul ul{
  position: absolute;
  visibility: hidden;
  top: 36px;
  z-index: 100;
}

#menuSlider ul li:hover ul{
  background-color: #FFFFFF;
  visibility: visible;
}

.backbutton {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #c9c9c9) );
  background:-moz-linear-gradient( center top, #f0f0f0 5%, #c9c9c9 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c9c9c9');
  background-color: #f0f0f0;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  text-indent: 0;
  border: 1px solid #dcdcdc;
  display: inline-block;
  color: #383838;
  font-family: Arial;
  font-size:15px;
  font-weight: normal;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  width: 80px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #ffffff;
}

.backbutton:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c9c9c9), color-stop(1, #f0f0f0) );
  background:-moz-linear-gradient( center top, #c9c9c9 5%, #f0f0f0 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9', endColorstr='#f0f0f0');
  background-color:#c9c9c9;
}

.backbutton:active {
  position:relative;
  top:1px;
}
/* This button was generated using CSSButtonGenerator.com */

.no-close .ui-dialog-titlebar-close {
  display: none !important;
}

.extraReviewFields{
  padding: 10px 10px 10px 0;
  border-bottom: 1px solid #DDD;
}

.extraReviewFieldsInputs{
  border-bottom: 1px solid #DDD;
}

#abstractlogo{
  max-width: 800px;
  max-height: 180px;
}

/* PROFILE PIC UPLOADER STYLING START */
.ajax-file-upload-statusbar {
  border: 1px solid #0ba1b5;
  margin-top: 5px;
  /*width: 420px;*/
  margin: 5px 0 5px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 5px 5px 5px
}

.ajax-file-upload-filename {
  width: 100%;
  height: auto;
  margin: 0 5px 5px 10px;
  color: #807579
}

.ajax-file-upload-progress {
  margin: 0 10px 5px 10px;
  position: relative;
  width: 300px;
  border: 1px solid #ddd;
  padding: 1px;
  border-radius: 3px;
  display: inline-block
}

.ajax-file-upload-bar {
  background-color: #0ba1b5;
  width: 0;
  height: 20px;
  border-radius: 3px;
  color:#FFFFFF;
}

.ajax-file-upload-percent {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 48%
}

.ajax-file-upload-red {
  -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
  -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
  box-shadow: inset 0 39px 0 -24px #e67a73;
  background-color: #e4685d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 15px;
  text-decoration: none;
  text-shadow: 0 1px 0 #b23e35;
  cursor: pointer;
  vertical-align: top;
  margin-right:5px;
}

.ajax-file-upload-green {
  background-color: #77b55a;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  display: inline-block;
  color: #fff;
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  padding: 4px 15px;
  text-decoration: none;
  cursor: pointer;
  text-shadow: 0 1px 0 #5b8a3c;
  vertical-align: top;
  margin-right:5px;
}

.ajax-file-upload {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 15px;
  cursor: pointer;	
  line-height: 15px;
  /*height: 25px;*/
  margin: 0 10px 10px 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  color: #888;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 0 2px 0 0 #e8e8e8;
  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
  box-shadow: 0 2px 0 0 #e8e8e8; 
  padding: 6px 10px 4px 10px; 
  color: #0249B4; /* #fff */
  background: #CBCBCB; /* #2f8ab9 */
  border: none;
  -moz-box-shadow: 0 2px 0 0 #787878; /* #13648d */
  -webkit-box-shadow: 0 2px 0 0 #787878;
  box-shadow: 0 2px 0 0 #787878; 
  vertical-align: middle;  
}
  
.ajax-file-upload:hover {
  background: #909090; /* #3396c9 */ 
  -moz-box-shadow: 0 2px 0 0 #0012E0; /* #15719f */
  -webkit-box-shadow: 0 2px 0 0 #0012E0;
  box-shadow: 0 2px 0 0 #0012E0;
  color: #FFF;
}

.ajax-upload-dragdrop
{
  border:2px dotted #A5A5C7;
  /*width:420px;*/
  color: #DADCE3;
  text-align:left;
  vertical-align:middle;
  padding:10px 10px 0px 10px;
}
/* PROFILE PIC UPLOADER STYLING END */

.profilePicDownloadCell{
  float: left;
  display: table-cell; 
  width: 25%;
}

.profilePicDownloadCellName{
  background-color: #CCC; 
  text-align: center; 
  font-style: italic; 
  font-size: 11px; 
  height: 28px;
}

h5{
  padding: 2px 0;
  margin: 0;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;  If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: left;
    padding: 8px;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

ul#sortable{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#sortable li{
  background: transparent !important;
  border: none !important;
  color: #000;
  cursor: pointer;
}

#sortable li label{
  cursor: pointer;
}

.resultsTable .downloadLink {
    width: 100%;
    display: block;
    text-align: center;
}

table.resultsTable tr td{
  font-size: 12px;
  white-space: pre-wrap;
}

.resultsTable .uploadColumn {
    max-width: 170px;
    overflow: hidden;
}

#support_doc {
  display:inline-block;
  padding:0.46em 1.6em;
  border:0.1em solid #000000;
  margin:0 0.2em 0.2em 0;
  width: 100%;
  border-radius:0.12em;
  box-sizing: border-box;
  text-decoration:none;
  font-family: 'Roboto',sans-serif;
  font-weight: 300;
  color: #FFF;
  text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
  background-color:#FFFFFF;
  text-align:center;
  transition: all 0.15s;
  background-color: #0c7bc0;
  font-size: 15px;
  cursor: pointer;
}

#support_doc:hover{
  text-shadow: 0 0 2em rgba(255,255,255,1);
  color:#FFFFFF;
  border-color:#FFFFFF;
}

@media all and (max-width:30em){
#support_doc{
  display:block;
  margin:0.4em auto;
}
}