audio, canvas, progress, video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/* ====== QUINCUNX -- MOC/L ============================= */

#lbuttons li {
  float: left;
  list-style: none;
  text-align: center;
  background-color: #00386b;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 200px;
  line-height: 30px; 
}

#lbuttons li a {
  text-decoration: none;
  color: #ffffff;
  display: block;
}

#lbuttons li a:hover {
  text-decoration: none;
  color: #000000;
  background-color: #e0aa0f;
}

#mocbuttons li {
  float: left;
  list-style: none;
  text-align: center;
  background-color: #00386b;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 160px;
  line-height: 60px; 
}

#mocbuttons li a {
  text-decoration: none;
  color: #ffffff;
  display: block;
}

#mocbuttons li a:hover {
  text-decoration: none;
  color: #000000;
  background-color: #e0aa0f;
}

/* ====== QUINCUNX -- MODULE AND CONTENT POSITIONING ============================= */

body  {text-align:center; margin-top:0; padding-top:0; }
html  { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
#quin-tfel { width: 725px; float:left; }
#quin-thgir { width: 180px; float:left; margin-left: 15px;  }
#quin-header, #quin-footer, #quin-body, #quin-menu, #quin-submenu
     {float:left; padding: 0; min-width:100%; }
#quin-header, #quin-footer {background-image:linear-gradient(to bottom,#284907,#213907); 
      border-bottom: 1px solid #999; border-bottom-width: 1px;
      border-bottom-style: solid; border-bottom-color: #999;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;  min-width:100%; }
#quin-menu, #quin-submenu, .mnav
     {background-image:linear-gradient(to bottom,#363942,#363942);
      border-bottom: 0px solid #999; border-bottom-width: 0px;
      border-bottom-style: solid; border-bottom-color: #999;
/*    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset; */
      clear:both; float:left; overflow:hidden;
      background-color:#00386b;  min-width:100%;
      font-family: "Lora",Georgia,"Times New Roman",Times,serif;
      font-size: 1.1em;  line-height: 6px; }
#quin-submenu {background-image:linear-gradient(to bottom,#d8caa8,#d8caa8); }
#quin-body {background-color: #d8caa8; padding: 10px; 
      background-image:url(../images/crossword.png);
      border-bottom: 1px solid #999; border-bottom-width: 1px;
      border-bottom-style: solid; border-bottom-color: #999;
 /*     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset; */ min-width:100%; }
.quin-redaeh, .quin-retoof, .quin-ydob, .quin-unem, .quin-unembus, .quin-alias
     {position:relative; margin:0 auto; width:960px; 
      text-align: left; } 
.quin-unem, .quin-unembus {min-width:960px;}
.quinmin {display:none;}

/* ====== QUINCUNX -- MENU STYLES ============================= */

#quin-menu li, #quin-submenu li, .mnav li, .dmenu li
     {float: none; display: inline-block; vertical-align: top; padding-left:10px; }
.mnav li, .dmenu li {width:100%; float:left; line-height: 2.5em; text-align:left; padding-left:10px;}
.dmenu li {padding-left:0; line-height:2em;  }
.quin-alias li {width:80%;}
.dmenu {font-family: "Lora",Georgia,"Times New Roman",Times,serif;
      font-size: 1em;  line-height: 6px;}
#quin-menu ul, #quin-submenu ul, .mnav ul, .dmenu ul
     {padding-left: 0px; }
#quin-menu a, #quin-submenu a, .mnav a, .dmenu a
     {color: #F5F5F5; padding: 10px 12px 10px 0px; text-shadow: none; text-decoration: none; }
.dmenu a {color: #00386b; padding: 10px 0;}
#quin-submenu a { color:#382513; }
#quin-menu a:hover, #quin-submenu a:hover, .mnav a:hover, .dmenu a:hover
     {background-color: transparent; color: #cfcfcf; text-decoration: none; }
#quin-submenu a:hover { color: #887563; }
#quin-menu .active:before, #quin-submenu .active:before
 {content:'';
  border-bottom-color: #fff;
  position:relative;
  top:45px;
  border-width:0px 14px 14px 14px;
  border-style:none solid solid;
  border-color:-moz-use-text-color transparent #fff;
  bottom:-8px;
  line-height:0;
  margin-left:-14px;
  margin-right:-14px; 
  top:auto;
  color:transparent;
  width:0;
  font-size:0px;
  z-index:100;
  left:47%; }
#quin-menu .parent:before {
  border-color:-moz-use-text-color transparent #d8caa8;
  border-bottom-color: #d8caa8;
}



/* ====== QUINCUNX -- HEADER AND SIDEBAR POSITIONING ============================= */

.emblem 
     {background-color: #382513; color: #d8caa8; 
      font-family: "Lora",Georgia,"Times New Roman",Times,serif;
      font-size: 2em; margin:10px; 
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;
      display: inline-block; padding: 15px; }
.memblem {display:none;}
.emblem span { /*text-indent:45px; display: inline-block; */ }
.emblem span::before { content: "\A     "; text-indent:45px; white-space: pre;}
.slogan
     {color: #d8caa8;
      font-family: "Lora",Georgia,"Times New Roman",Times,serif;
      font-size: 1.3em; margin:10px 10px 10px 0;
      display: inline-block; padding: 15px; }
.excerpt
     {text-indent:999em; float:right; height:0; }
.upprog
     {width:100%; background-color: #d8caa8; color: #382513; 
      display: inline-block; padding: 10px; font-size: 2em;
      text-align: center; margin-bottom: 15px;
      font-family: "Lora",Georgia,"Times New Roman",Times,serif;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;  }
.upfive
     {width:100%; background-color: #900; color: #382513;
      display: inline-block; padding: 10px; font-size: 1em; 
      text-align: left;  color: #F5F5F5; margin-bottom: 15px; 
/*      background-image:url(../images/tuba-perf.png);
      background-repeat: no-repeat;
      background-position: 5px 5px;  */
      font-family: "Lora",Georgia,"Times New Roman",Times,serif;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;  }
.fiveposters img {margin-bottom: 15px; box-shadow: 5px 5px 2px #888888;}
.upvirt
     {width:100%; background-color: #00386b; color: #382513;
      display: inline-block; padding: 10px; padding-top:0px;
      text-align: left;  color: #F5F5F5; margin-bottom: 15px; 
      font-family: "Lora",Georgia,"Times New Roman",Times,serif;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;   }

.uputc
     {width:100%; background-color: #363942; color: #382513;
      display: inline-block; padding: 10px; font-size: 1em;
      text-align: left;  color: #F5F5F5; margin-bottom: 15px; 
      font-family: "Lora",Georgia,"Times New Roman",Times,serif;
      background-image:url(../images/utc-logo.png);
      background-repeat: no-repeat;
      background-position: 5px 5px;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;  }
.upperf
     {width:100%; background-color: #284907; color: #382513;
      display: inline-block; padding: 10px; font-size: 1em;
      text-align: left;  color: #F5F5F5; margin-bottom: 15px; 
/*      background-image:url(../images/tuba-perf.png);
      background-repeat: no-repeat;
      background-position: 5px 5px;  */
      font-family: "Lora",Georgia,"Times New Roman",Times,serif;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset;  }
/* .utcdate, .perfdate { font-weight: bold; }
.utcevent, .perfevent { margin-left : 10px; } */
.upperf h3, .upfive h3 { margin-top: 0px; margin-bottom: 10px; text-align: center; }
.uputc h3 { margin-top: 0px; margin-left: 50px; line-height: 30px; }
.tmaslist .tleft {font-weight:bold; width:50px; text-align:right; }
.tmaslist .tright {padding-left:10px ; }
.tmaslist {float:right; border: 2px dashed #d53a00; padding:5px; margin-left:10px; }

/* ====== QUINCUNX -- DATE STYLES ============================= */

.minidatebox { width:100%; height: 45px; position:relative; margin-bottom:3px; }
.minidateicon { width: 50px; height: 45px; text-align: center;
      background-color: #d8caa8; color: #382513;  border-radius: 3px;  }
.minidatemonth { height:18px; }
.minidateday { font-size:1.5em; margin-top:-3px; height: 27px; 
      font-family: Tahoma, Geneva, sans-serif; }
.minidateday .widedate { font-size:.7em;  margin-top:5px; display:inline-block; }
.minidateevent {float:left; position:absolute; top:0px; left:60px; }

.uputc  .minidatemonth { border-bottom: 1px solid #363942; }
.upperf .minidatemonth { border-bottom: 1px solid #284907; }
.upfive .minidatemonth { border-bottom: 1px solid #990000; }

.pblock { width:100%; height: 45px; position:relative; margin-bottom:3px; }
.pblock:hover { background-color: #d8caa8; border-radius: 3px; }
.pdate{ width: 65px; height: 45px; text-align: center; background-color: #d8caa8; 
      color: #382513;  border-radius: 3px;  position: relative; }
.pmonth{ position:absolute; width:45px; top:0px; left:20px; height:18px; }
.pday{ font-size:1.5em; margin-top:-3px; height: 27px;
      position:absolute; width:45px; top:20px; left:20px; height:27px;
      font-family: Tahoma, Geneva, sans-serif; }
.pyear {width:20px; height: 45px; background-color:#d53a00; 
      border-radius: 3px; top:0; left:0; }
.pyear div { display: block;
 /*   writing-mode: tb-rl;  */
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: bottom left;   
    -moz-transform: rotate(270deg);
    -moz-transform-origin: bottom left; 
    -o-transform: rotate(270deg);
    -o-transform-origin: bottom left; 
    -ms-transform: rotate(270deg);
    -ms-transform-origin: bottom left; 
    transform: rotate(270deg);
    transform-origin: bottom left;  
    position: absolute;
    margin-bottom:5px;
    left: 20px; 
    bottom: 0;
    color:#fff; }
.ptext {font-style:italic; }
.ptext:first-line {font-style:normal; font-weight:bold; }
.ptown {font-style: normal; text-align:right; line-height:40px; }
.ptext {position:absolute; width:460px; height:40px; top:2px; left:76px; }
.ptown {position:absolute; width:140px; height:30px; top:0px; right:3px; }
.pdark  .pyear {background-color: #284907; }
.plight .pyear {background-color: #363942; }
.pdark  .pmonth{ border-bottom: 1px solid #363942; }
.plight .pmonth{ border-bottom: 1px solid #284907; }

/* ====== QUINCUNX -- LIST STYLES ============================= */

.qlist
     {list-style-type:circle; display:block; padding:0 0 0 20px;
      font-weight:bold; }
.qlist em
     {display:block; font-weight:normal; font-style:italic; padding:0 0 5px 0; }
.qlist span { font-weight: normal; }

/* ====== QUINCUNX -- COMPOSITIONS AND RECORDINGS ======================== */

.compbutton { background:#d8caa8; float:left; width:175px; height:50px;
     font-family: "Lora",Georgia,"Times New Roman",Times,serif;
     margin-right:5px; margin-bottom:15px; 
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset; font-size: 1.2em;
     color:#382513; border-radius:3px; }
.compbuttonthis { background:#363942; color:#fff; }
input.compbutton { cursor: pointer; }

.compcover img {float:right; height:250px; margin-left:15px; margin-bottom:10px;}
.compbox, .recbox .kcompbox { width:100%; clear:both;      
     margin-top:0px; position:relative; min-height:50px; }
.kcompbox { min-height: 270px; position:relative; }
.recbox { min-height:170px; }
.comptitle, .rectitlebox { font-family: "Lora",Georgia,"Times New Roman",Times,serif;
     font-size: 1.5em; color:#363942; }
.rectextbox { margin-left:180px; min-height:100px; width:520px;  }
.compinst { margin-left:15px; font-style:italic;  }
.compicons { float:right; position:absolute; top:0; right:0; height:50px;                }
.recimagebox { float:left; position:relative; top:0; left:0; height:170px; width:170px; }
.clearthisonlyformobile {display:none;}

.complisten, .compaudio, .compvideo
    {width:32px; height:32px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) inset; border-radius:3px; }
.complisten { background: url(../images/quincompicons.png) no-repeat;
     background-color: #d53a00; }
.compaudio { background: url(../images/quincompicons.png) no-repeat;
     background-color: #d53a00; }
.compvideo a { background: url(../images/video-icon.png) no-repeat;
     display:block; overflow:hidden; text-indent:100%; white-space:nowrap; }
.jcompvideobox { float:right; position:absolute; bottom:15px; left:470px; right:10px; }

.compaudiobox, .recaudiobox {float:right; top:0px; right:0px; }
.jcompaudiobox {float:left; position:absolute; bottom:20px; left:0px; }
.jcompaudiobox audio { width:450px; }
.recaudiobox {top:130px; } 
/* audio {width:300px; height:30px; } */
.compvideobox {float:right; position:absolute; top:0px; right:325px; height:30px; width:72px; }
.compvideobox a { background: url(../images/youtube.png) no-repeat; display:block; 
      height:30px; width:72px; text-indent:-999em; }
.compvideobox a:hover { background-position: 0px -30px; }
.togglerB:hover, .closeSliderB:hover{ cursor:pointer; }
.sliderB { display:none; }
.togglerB, .sliderExpandedB { text-indent:999em; width:41px; height:21px;
     background: url(../images/down-arrow.png) no-repeat;
     margin-left: auto; margin-right: auto;
      }
.sliderExpandedB { -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.clearthis { clear:both; }
.mbar { display:block; position:relative; 
     float:right; clear:both; }
.mpub, .mvideo, .mnotes, .mscore { float:right; }

.mbutton {
   border-top: 1px solid #363942;
   background: #363942;
   color: #ffffff;
/*   border-top: 1px solid #363942;
   background: #284907;
   color: white; 
   background: -webkit-gradient(linear, left top, left bottom, from(#5c832f), to(#284907));
   background: -webkit-linear-gradient(top, #5c832f, #284907);
   background: -moz-linear-gradient(top, #5c832f, #284907);
   background: -ms-linear-gradient(top, #5c832f, #284907);
   background: -o-linear-gradient(top, #5c832f, #284907); */
   padding: 6px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   margin-left:5px; 
   }
.mbutton:hover {
/*   border-top-color: #363942;
   background: #363942;
   color: #ffffff; */
   border-top: 1px solid #363942;
   background: #284907;
   color: white; 
   }
.mbutton:active {
   border-top-color: #363942;
   background: #363942;
   }

.mpub, .mpub a {  }
.mvideo, .mvideo a { width:80px; }

/* Dossier */

.onlydossier {display:none; }
.dossier .onlydossier {display:inline; }
.dossier #quin-header {background: url(../images/dossier-bg.gif) repeat-x;); 
      border-bottom: none; box-shadow: none; }
.dossier #quin-footer {background: url(../images/dossier-bg.gif) repeat-x;); 
      border-bottom: none; box-shadow: none; padding-top:15px; }
.dossier .emblem, .dossier .memblem, .dossier .slogan,
.dossier .upfive, .dossier .fiveposters, .dossier .uputc,
.dossier .upperf, .dossier #quin-menu, .dossier #quin-alias {display:none; }
.onlydossier h1 {font-family: "Palatino","Palatino Linotype",serif;
   font-size: 2.1em; color: #00386b; }
.onlydossier img {vertical-align:middle; }
.dossier #quin-body {background-image:none; background-color: #fff;}
.dossier #quin-tfel { width: 725px; float:right; }
.dossier #quin-thgir { width: 200px; float:left; margin-left:0; padding:0;  }
.dossier #quin-body {padding-top:0; } 
.jdam {margin: 0; margin-top:-1px; padding: 0; }
.jdam ul {list-style-type: none; margin: 0; padding: 0; }
.jdam li {padding:0; margin:0; list-style-type: none;}
.jdam li a
     {list-style-type: none; text-indent: 1em;
      font-family: "Lora",Georgia,"Times New Roman",Times,serif; 
      background-color: #8c4f65;  line-height: 130%;
      background-image:linear-gradient(to bottom,#adafaa,#bdbfba);
      margin:0; padding: 5px 6px 5px 0px; 
      font-size: 1.1em;  width: 100%; color: #000; display:block;
      text-shadow: none; text-decoration: none; }
.jdam a:hover {background-image:linear-gradient(to bottom,#8d8f8a,#9d9f9a);}
.jdam li li a
     {list-style-type: none; text-indent: 1.5em;
      background-color: #8c4f65; 
      background-image:url(../images/texture.png),linear-gradient(to bottom,#bf8897,#df98a7); }
.dossier .recimagebox {position:relative;}
.jdam li.current a, .jdam li li.current a
     {color: #000;  background-image:linear-gradient(to bottom,#e0aa0f,#f0ba1f);}
.jdam .divider
     {color: #fff;  background-image:linear-gradient(to bottom,#00386b,#10487b);
       padding: 2px 3px 2px 3px;  width:100%; text-align: center; margin-top:15px; 
	   border-top-left-radius:8px; border-top-right-radius:8px; }
.jdam .item-154 {margin-top:0; }
.jdam li.current a { display: inline-block;
  vertical-align: middle; -webkit-transform: translateZ(0);
  transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; position: relative;
}
.jdam li.current a:before, .jdam li li.current a:before, 
.jdam li.current a:after, .jdam li li.current a:after {
  pointer-events: none; position: absolute;
  content: ''; left: 0; width: 100%; box-sizing: border-box;
  background-repeat: no-repeat; height: 5px; opacity: 1;
}
.jdam li.current a:before, .jdam li li.current a:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.jdam li.current a:after, .jdam li li.current a:after  {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.jdam li.parent a:before, .jdam li.parent a:after  {opacity: 0;}
.dsyl {font-size:75%; float:right; text-align:right;}
.duck {color:#fff; width:100%; text-align:center; 
    border-top-left-radius:8px; border-top-right-radius:8px;
    background-image:linear-gradient(to bottom,#00386b,#10487b);}
.dcompsyn {margin: 10px 5px 10px 25px;}
.dossier .comptitle {color: #00386b;}
.dossier .dmbutton {margin-bottom:10px; float:right; margin-left:10px; }
.dossier .pdark  .pyear {background-color: #00386b; }
.dossier .plight .pyear {background-color: #700; }
.dossier .pdate{background-color: #adafaa; }
.dossier .pblock:hover { background-color: #adafaa; }
ul.dlead { padding: 0; overflow-x: hidden; list-style: none;  }
ul.dlead li {padding-bottom:4px; }
ul.dlead li:before { float: left; width: 0; white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . ";}
ul.dlead span:first-child { padding-right: 0.33em; background: white; font-weight:bold; }
ul.dlead span + span { float: right; padding-left: 0.33em; background: white; }
ul.dlead span.dsky { font-style:italic;  padding-left:25px; }
.ypblock, .ypindblock { width:100%; height: 47px; position:relative; margin-bottom:3px;
   border-bottom:1px solid #ddd; }  
.ypindblock {height: 24px; } 
.yptext {font-style:normal; }  
.yptext:first-line {font-style:normal; font-weight:bold; }  
.yptown {font-style: normal; text-align:right; line-height:24px; }  
.yptext {position:absolute; width:460px; height:40px; top:2px; left:76px; }  
.yptown {position:absolute; width:340px; height:30px; top:0px; right:3px; }  
.coguest {position:absolute; height:20px; top:-4px; right:180px;  
   background: #ddd; font-size: 14px; padding-left: 4px; padding-right: 4px; } 
.pstrong .pyear {background-color: #990000; }  
.pstrong .pmonth{ border-bottom: 1px solid #990000; } 
li.item-162 a, li.item-163 a, li.item-164 a , li.item-167 a {font-size: 0.9em; text-indent: 1.2em;}
.dzone {-webkit-border-radius: 20; -moz-border-radius: 20; border-radius: 20px;
  font-family: Arial; color: #ffffff; font-size: 18px; background: #adafaa;
  padding: 8px 15px 8px 15px; text-decoration: none; text-align:center; 
  display:block; margin-top:50px; margin-left: auto; margin-right: auto;}
.dzone:hover { background: #00386b; text-decoration: none; }
.dmas {text-align:center; width:50%; float:left;}
.dout {text-align:center; }
.dmas img, .dout img {width:95%;}

/* ====== STRICTURE -- REGISTRATION FORM ============================= */

.registration ul {
    width:650px; list-style-type:none; list-style-position:outside;
    margin:0px; padding:0px; }
.registration li{padding:6px; border-bottom:1px solid #eee; position:relative; clear:both; }
.registration label {width:150px; margin-top: 3px; display:inline-block;
    float:left; padding:3px; text-align:right; }
.rtext, .rdropdown {padding:5px 8px; width:375px; display:inline-block;
    border: 1px solid #999; height: 25px;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); }
.rradio {padding:7px 8px 3px; width:375px; display:inline-block;
    height: 25px; }
.registration textarea {padding:8px; width:300px;}
.registration button {margin-left:156px;}
.required {color:#b22222;}
.missinginfo {border: 1px solid #b22222;}
.sqp-submit, .login .button, button.validate, .logout .button, .btn-primary
    {text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); color:#fff;
     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     padding: 11px 19px; font-size: 17.5px; border-radius: 6px;
     background-color:#00386b;
     font-family: "Lora",Georgia,"Times New Roman",Times,serif;
     font-size: 1.1em;  line-height: 20px;
     box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.5);
     background-image: linear-gradient(to bottom, #00386B, #001D38 /* #3f1304, #4f2314 */ ); }
.sqp-cancel, .btn {background-color: #ccc; text-decoration: none; color: #000;
     background-image: linear-gradient(to bottom, #ccc, #b3b3b3);
     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     padding: 11px 19px; font-size: 17.5px; border-radius: 6px;
     font-family: "Lora",Georgia,"Times New Roman",Times,serif;
     font-size: 1.1em;  line-height: 20px; }
.sqp-submit:hover {color: #ccc; }
.sqp-cancel:hover {background-color: #ddd;
     background-image: linear-gradient(to bottom, #bbb, #a3a3a3); }
.rtext:focus,  { border: 1px solid #00386b; background:#fbfbfb; }
.student-label { width:300px; line-height:40px; color:#fff; background-color:#00386b;
     background-image: linear-gradient(to right, #00386B, #fff);
     font-family: "Lora",Georgia,"Times New Roman",Times,serif;
     font-size: 1.1em; padding: 5px; float:left; }