/*
|----------------------------------------------------------------------------------------|
| SUPERAWESOME FRAMEWORK - EXTRAS MODULE                                                 |
|----------------------------------------------------------------------------------------|
| AUTHOR: Dragan Babic | http://sprawsm.com/                                             |
|----------------------------------------------------------------------------------------|
| DATE MODIFIED: Fri, 13 Jan 12                                                          |
|----------------------------------------------------------------------------------------|
| Do not edit this file directly.                                                        |
|----------------------------------------------------------------------------------------|
*/





/* !Clearing floats ------------------------------------------------------------------- */

.clear {
  display: block   !important;
  clear: both      !important;
  height: 0        !important;
  overflow: hidden !important;
}

.overflowClear {
  overflow: hidden;
}

.afterClear:before,
.afterClear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  min-height: 0;
  visibility: hidden;
}





/* !Reusable classes ------------------------------------------------------------------ */

/* Make block level elements behave logically */

.borderBox { -webkit-box-sizing: border-box;
				 -moz-box-sizing: border-box;
				 -ms-box-sizing: border-box;
				 box-sizing: border-box;
 				}

/* Notes (use on aside) */

.note {
  font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif; font-size: .85em;
  color: #999;
}

/* Pullquotes (control with .col.cs-n and .contra for width and direction) */

.pullquote {
  margin-right: 2em;
  padding: 0 !important;
}

.pullquote.contra {
  margin-left: 2em;
  margin-right: 0;
}
  
  .pullquote blockquote,
  .pullquote blockquote + p {
    margin-left: 0;
  }

/* Floating images, margins = gutter width */

.left   { float: left;    margin-right: 2em;                     }
.right  { float: right;   margin-left: 2em;                      }
.center { display: block; margin-left: auto; margin-right: auto; }





/* Text direction control ------------------------------------------------------------- */

.txtl { text-align: left !important;   }
.txtr { text-align: right !important;  }
.txtc { text-align: center !important; }





/* !Key-Value pairs ------------------------------------------------------------------- */

.keyValue {}
  
  /* When in need of a more robust layout */
  
  ul.keyValue li {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none !important;
  }
    
    ul.keyValue .key {
      float: left;
      width: 30%;
      font-weight: bold;
      text-align: right;
    }
    
    ul.keyValue .value {
      display: block;
      margin-left: 33%;
    }
  
  /* When you want more semantics */
  
  dl.keyValue dt {
    float: left;
    width: 30%;
    margin: 0;
    text-align: right;
  }
    
    dl.keyValue dd {
      margin: 0;
      padding: 0 0 0 33%;
    }





/* !Emphasis and de-emphasis ---------------------------------------------------------- */

.accent {
  background-color: #ffffbf !important;
  padding: 3px;
  border-radius: 3px;
}

/* Inline-level content */

strong.accent,
span.accent,
em.accent {
  color: inherit;
  padding: .25em;
}

/* Block-level content */

div.accent,
p.accent,
aside.accent {
  padding: 1.5em;
}

/* Large text */

.loud {
  font-size: 1.25em;
  line-height: 1.25em;
}

/* For visually de-emphasizing text */

.na,
.quiet,
small {
  font-size: 1em; font-style: normal !important;
  color: #999;
}





/* !Fancyfiers ------------------------------------------------------------------------ */

/* Used on abbr and acronym elements */

/*.caps {
  font-size: .75em;
  text-transform: uppercase;
  letter-spacing: .15em;
}*/

/* Pretty ampersands */

/* Usage: <span class="amp">&amp;</span>, taken from Blueprint typography stylesheet */

.amp {
  color: #666;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; font-size: 1.1em; font-style: italic;
  line-height:10%;
}





/* !Hiding elements ------------------------------------------------------------------- */

.noShow {
  position: absolute !important;
  top: -9999px       !important;
  left: -9999px      !important;
  visibility: none   !important;
  display: block     !important;
  height: 0          !important;
  width: 0           !important;
  overflow: hidden   !important;
}





/* !Buttons --------------------------------------------------------------------------- */

/* Add .button { filter: none; } for IE9 */

.button {
  padding: 7px 14px;
  margin: 0;
  font-weight: bold;
  color: #343434;
  text-decoration: none !important;
  line-height: 1;
  border: 1px solid #ccc;
       border-radius: 4px;
  -moz-border-radius: 4px;
    -o-border-radius: 4px;
  background: #efefef; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #efefef 0%, #dfdfdf 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #efefef 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #efefef 0%,#dfdfdf 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #efefef 0%,#dfdfdf 100%); /* IE10+ */
  background: linear-gradient(top,  #efefef 0%,#dfdfdf 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-8 */

}

.button:focus,
.button:hover {
  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
  background: linear-gradient(top,  #ffffff 0%,#efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
}

.button:active {
  box-shadow: 1px 1px 2px rgba(0,0,0,.5) inset;
  background: #cccccc; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #cccccc 0%, #dfdfdf 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #cccccc 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #cccccc 0%,#dfdfdf 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #cccccc 0%,#dfdfdf 100%); /* IE10+ */
  background: linear-gradient(top,  #cccccc 0%,#dfdfdf 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-8 */
}





/* !Media queries for various orientations -------------------------------------------- 

@media all and (orientation:portrait) {}

@media all and (orientation:landscape) {}

*/





/* !Basic styles for print ------------------------------------------------------------ */
  
@media print {
  
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
 
  a, a:visited { color: #444 !important; text-decoration: underline; }
 
  a:after { content: " (" attr(href) ")"; }
 
  abbr:after { content: " (" attr(title) ")"; }
   
  .ir a:after { content: ""; }  /* Don't show links for images */
   
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
   
  img { page-break-inside: avoid; }
 
  @page { margin: 3cm; }
 
  p, h2, h3 { orphans: 3; widows: 3; }
 
  h2, h3 { page-break-after: avoid; }
  
}





/* !Uni-Form -------------------------------------------------------------------------- 

GitHub: http://github.com/draganbabic/uni-form/

uni-form.css:         https://raw.github.com/draganbabic/uni-form/master/css/uni-form.css
default.uni-form.css: https://raw.github.com/draganbabic/uni-form/master/css/default.uni-form.css

*/