/*
 *************
 	
 	8.0 FORMS
 
  	File is loaded in header.php via the wp_head() hook 
 	in the function epic_header_css(), in /library/functions/core.php
 		
 *************
 */

/* 8.1 GLOBAL FORM STYLES */

/* Form button */
input[type=submit],input[type=reset],input[type=button],.post-pagination-wrap a{text-transform:uppercase;line-height:28px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:4px 10px;display:block;float:left;position:relative;cursor:pointer;width:100%;border:1px solid #609934;background:#609934;color:#FFF;box-shadow:none;}
input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,.post-pagination-wrap a:hover{background:#008c98;border-color:#FFF;}

/* 8.2 CONTACT FORM */
.epic_contact_form{margin:10px 0 30px;float:left;width:100%;}
.epic_contact_form ul{list-style:none;margin:0;padding:0;}
.epic_contact_form li{margin:0 0 11px 0;border:none!important;}
.epic_contact_form input[type=text]{width:90%;}
.epic_contact_form textarea{width:90%;height:160px;color:#999;font-size:100%}

/* Contact form in text-widget */
.textwidget .epic_contact_form li{margin:0!important;}
.textwidget .epic_contact_form li input{margin:0 0 4px 0;}
.textwidget .epic_contact_form li textarea{height:80px!important;}

/* 8.3 SEARCH FORM */

/**
 * Search form
 *
 * Styles for the search-form (searchform.php)
 * @ Since ver.1.0
 */

.epic_searchform{float:right;position:relative;width:210px;display:inline;margin:2px 5px 2px;text-align:right;}
.epic_searchform form p,.epic_searchform form{margin:0!important;padding:0!important;}
.epic_searchform input[type=image]{margin-left:0px;margin-right:10px;margin-top:4px;height:16px;width:16px;float:right;}
.epic_searchform input[type=text]{width:160px!important;height:24px;line-height:24px;float:left;padding:0 8px 0 8px!important;margin:0!important;}

/* @ Dark skin */
.dark .epic_searchform input[type=text]{background:#282828;border:1px solid #333;}

/* @ Light skin */
.light .epic_searchform input[type=text]{background:#fcfcfc;border:1px solid #eee;}
.epic_searchform:hover input[type=text]{opacity:1;display:block;}

/* User registration and login */
.user-forms{width:100%;}
.user-forms p{margin:0 0 10px 0;}
.user-forms input[type=text],.user-forms input[type=password]{width:90%;}
.nolabel{padding-top:22px;}
.epic_form{width:100%;float:left;clear:both;margin:0 0 20px 0;}
.epic_form form{width:100%;float:left;clear:both;}
.epic_form p{margin:0 0 4px 0;}

/**
 * Login and registration tabbed module
 *
 * Since ver. 1.0
 */
.epic_user_form{width:100%;float:left;clear:both;display:block;position:relative;z-index:0;}
.epic_user_form .epic_usertabnav{margin:0 0 20px;width:100%;float:left;clear:both;}
.epic_user_form .formcontent{float:left;clear:both;position:relative;z-index:1;margin:0px 0 20px 0!important;width:100%;}
.epic_user_form input[type=text],.epic_user_form input[type=password]{width:96%!important;padding:4px 2% 4px 2%!important;}
.epic_user_form h4.togglehandle{margin:0 0 10px 0;float:left;clear:both;padding:0;width:100%;border:none;background:none;}
.login_form p{margin:0 0 8px 0;}
.login_form h4.togglehandle{background:url('../library/images/sprite_main.png') no-repeat -13px -169px!important;margin:0 0 10px 0;float:left;clear:both;width:100%;}
.login_form h4.togglehandle a{margin-left:24px;}
ul.epic_usertabnav{margin:0;padding:0;list-style:none;float:left;width:100%;border-bottom:1px solid #eee;}
ul.epic_usertabnav li{float:left!important;clear:none!important;border:none!important;display:inline!important;width:auto;margin:0;padding:0;}
ul.epic_usertabnav li a{float:left;clear:none;border:none;padding:0 0px!important;line-height:32px;margin:0 20px 0px 0!important;}
ul.epic_usertabnav li.current-menu-item a{display:inline!important;float:left!important;clear:none!important;border-bottom:0;padding:0 10px 0 0!important;position:relative;z-index:2;border-bottom:2px solid #333;}

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{background-image:url(../images/sprite.png);background-repeat:no-repeat;-webkit-font-smoothing:antialiased;}
.selector,.radio,.checker,.uploader,.button,.selector *,.radio *,.checker *,.uploader *,.button *{margin:0;padding:0;}

/* INPUT & TEXTAREA */
input.text,input.email,input.password,textarea.uniform{font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;padding:3px;color:#777;background:url('../images/bg-input-focus.png') repeat-x 0px 0px;background:url('../images/bg-input.png') repeat-x 0px 0px;border-top:solid 1px #aaa;border-left:solid 1px #aaa;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0;}
input.text:focus,input.email:focus,input.password:focus,textarea.uniform:focus{-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.3);box-shadow:0px 0px 4px rgba(0,0,0,0.3);border-color:#999;background:url('../images/bg-input-focus.png') repeat-x 0px 0px;}

/* SPRITES */

/* Select */

div.selector{background-position:-483px -130px;line-height:26px;height:26px;}
div.selector span{background-position:right 0px;height:26px;line-height:26px;}
div.selector select{    /* change these to adjust positioning of select element */
    top:0px;left:0px;}
div.selector:active,div.selector.active{background-position:-483px -156px;}
div.selector:active span,div.selector.active span{background-position:right -26px;}
div.selector.focus,div.selector.hover,div.selector:hover{background-position:-483px -182px;}
div.selector.focus span,div.selector.hover span,div.selector:hover span{background-position:right -52px;}
div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover{background-position:-483px -208px;}
div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span{background-position:right -78px;}
div.selector.disabled{background-position:-483px -234px;}
div.selector.disabled span{background-position:right -104px;}

/* Checkbox */
div.checker{width:19px;height:19px;}
div.checker input{width:19px;height:19px;}
div.checker span{background-position:0px -260px;height:19px;width:19px;}
div.checker:active span,div.checker.active span{background-position:-19px -260px;}
div.checker.focus span,div.checker:hover span{background-position:-38px -260px;}
div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span{background-position:-57px -260px;}
div.checker span.checked{background-position:-76px -260px;}
div.checker:active span.checked,div.checker.active span.checked{background-position:-95px -260px;}
div.checker.focus span.checked,div.checker:hover span.checked{background-position:-114px -260px;}
div.checker.focus:active span.checked,div.checker:hover:active span.checked,div.checker.active:hover span.checked,div.checker.active.focus span.checked{background-position:-133px -260px;}
div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span{background-position:-152px -260px;}
div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked{background-position:-171px -260px;}

/* Radio */
div.radio{width:18px;height:18px;}
div.radio input{width:18px;height:18px;}
div.radio span{height:18px;width:18px;background-position:0px -279px;}
div.radio:active span,div.radio.active span{background-position:-18px -279px;}
div.radio.focus span,div.radio:hover span{background-position:-36px -279px;}
div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span{background-position:-54px -279px;}
div.radio span.checked{background-position:-72px -279px;}
div.radio:active span.checked,div.radio.active span.checked{background-position:-90px -279px;}
div.radio.focus span.checked,div.radio:hover span.checked{background-position:-108px -279px;}
div.radio.focus:active span.checked,div.radio:hover:active span.checked,div.radio.focus.active span.checked,div.radio.active:hover span.checked{background-position:-126px -279px;}
div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span{background-position:-144px -279px;}
div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked{background-position:-162px -279px;}

/* Uploader */
div.uploader{background-position:0px -297px;height:28px;}
div.uploader span.action{background-position:right -409px;height:24px;line-height:24px;}
div.uploader span.filename{height:24px;    /* change this line to adjust positioning of filename area */margin:2px 0px 2px 2px;line-height:24px;}
div.uploader.focus,div.uploader.hover,div.uploader:hover{background-position:0px -353px;}
div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action{background-position:right -437px;}
div.uploader.active span.action,div.uploader:active span.action{background-position:right -465px;}
div.uploader.focus.active span.action,div.uploader:focus.active span.action,div.uploader.focus:active span.action,div.uploader:focus:active span.action{background-position:right -493px;}
div.uploader.disabled{background-position:0px -325px;}
div.uploader.disabled span.action{background-position:right -381px;}
div.button{background-position:0px -523px;}
div.button span{background-position:right -643px;}
div.button.focus,div.button:focus,div.button:hover,div.button.hover{background-position:0px -553px;}
div.button.focus span,div.button:focus span,div.button:hover span,div.button.hover span{background-position:right -673px;}
div.button.active,div.button:active{background-position:0px -583px;}
div.button.active span,div.button:active span{background-position:right -703px;color:#555;}
div.button.disabled,div.button:disabled{background-position:0px -613px;}
div.button.disabled span,div.button:disabled span{background-position:right -733px;color:#bbb;cursor:default;}

/* PRESENTATION */

/* Button */

div.button{height:30px;}
div.button span{margin-left:13px;height:22px;padding-top:8px;font-weight:bold;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding-left:2px;padding-right:15px;}

/* Select */
div.selector{width:300px;font-size:12px;}
div.selector select{min-width:260px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;border:solid 1px #fff;}
div.selector span{padding:0px 25px 0px 2px;cursor:pointer;}
div.selector span{color:#666;width:228px;text-shadow:0 1px 0 #fff;}
div.selector.disabled span{color:#bbb;}

/* Checker */
div.checker{margin-right:5px;}

/* Radio */
div.radio{margin-right:3px;}

/* Uploader */
div.uploader{width:190px;cursor:pointer;}
div.uploader span.action{width:85px;text-align:center;text-shadow:#fff 0px 1px 0px;background-color:#fff;font-size:11px;font-weight:bold;}
div.uploader span.filename{color:#777;width:82px;border-right:solid 1px #bbb;font-size:11px;}
div.uploader input{width:190px;}
div.uploader.disabled span.action{color:#aaa;}
div.uploader.disabled span.filename{border-color:#ddd;color:#aaa;}

/*

CORE FUNCTIONALITY

Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,.checker,.button,.radio,.uploader{display:-moz-inline-box;display:inline-block;vertical-align:middle;zoom:1;*display:inline;}
.selector select:focus,.radio input:focus,.checker input:focus,.uploader input:focus{outline:0;}

/* Button */
div.button a,div.button button,div.button input{position:absolute;}
div.button{cursor:pointer;position:relative;}
div.button span{display:-moz-inline-box;display:inline-block;line-height:1;text-align:center;}

/* Select */
div.selector{position:relative;padding-left:10px;overflow:hidden;}
div.selector span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.selector select{position:absolute;opacity:0;filter:alpha(opacity:0);height:25px;border:none;background:none;}

/* Checker */
div.checker{position:relative;}
div.checker span{display:-moz-inline-box;display:inline-block;text-align:center;}
div.checker input{opacity:0;filter:alpha(opacity:0);display:inline-block;background:none;}

/* Radio */
div.radio{position:relative;}
div.radio span{display:-moz-inline-box;display:inline-block;text-align:center;}
div.radio input{opacity:0;filter:alpha(opacity:0);text-align:center;display:inline-block;background:none;}

/* Uploader */
div.uploader{position:relative;overflow:hidden;cursor:default;}
div.uploader span.action{float:left;display:inline;padding:2px 0px;overflow:hidden;cursor:pointer;}
div.uploader span.filename{padding:0px 10px;float:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;}
div.uploader input{opacity:0;filter:alpha(opacity:0);position:absolute;top:0;right:0;bottom:0;float:right;height:25px;border:none;cursor:default;}