/*
 *************
 	
 	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{
	margin:0; 
	padding: 0 0 20px 0; 
	width:100%;  
	float:left; 
	clear:both;
	}
	
input, textarea{
	font-family:arial; 
	color:#777; 
	font-size:12px; 
}

input[type=text], input[type=password], textarea{ 
	border:1px solid #222; 
	background:#000; 
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin:0 0 10px;
}

input[type=text], input[type=password] { 
	padding:0px 4px; 
	line-height:24px; 
	min-height:24px;
	}

textarea{
	width:99%; 
	min-height:60px;
}

input:focus, textarea:focus {  
	color:#777; 
	border:1px solid #333; 
	background:#111;
	}

< /* Form button- EL 011212 changed button color from #353535 to#666666
*/
input[type=submit], input[type=reset], input[type=button], .post-pagination-wrap a{
	font-size:11px;
	text-transform: uppercase;
	line-height:28px;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#f4f4f4;
	padding:0 10px;
	margin:0 10px 20px 0;
	display: block;
	float:left;
	position: relative;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, .1);
	border:1px solid #666666;
	color:#f9f9f9;
	background: #666666 url(http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/fallback-gradient.png) repeat-x left center; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#222));
    background: -webkit-linear-gradient(top, #666666, #222); 
    background: -moz-linear-gradient(top, #666666, #222);
    background: -ms-linear-gradient(top, #666666, #222);
    background: -o-linear-gradient(top, #666666, #222);
	text-shadow:#000 -1px -1px 0px !important;
	}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .post-pagination-wrap a:hover{
	border:1px solid #000;
	color:#fff;
	background: #222 url(http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/fallback-gradient.png) repeat-x left center; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#666666));
    background: -webkit-linear-gradient(top, #222, #666666); 
    background: -moz-linear-gradient(top, #222, #666666);
    background: -ms-linear-gradient(top, #222, #666666);
    background: -o-linear-gradient(top, #222, #666666);
	box-shadow:-1px -1px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow:-1px -1px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow:-1px -1px 2px rgba(0, 0, 0, .3);
	}
	
/* 8.2 CONTACT FORM */

.epic_contact_form {
	margin:10px 0px 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%
	}

 /* 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; 
	width:180px; 
	margin:0; 
	padding:0;
	}
	
.epic_searchform form p, .epic_searchform form {
	margin:0 !important; 
	padding:0 !important;
	height:24px;
	}
	
.epic_searchform input[type=text]{
	margin:0; 
	width:160px;
	}
	
.epic_searchform input[type=image]{
	margin-left:-30px; 
	margin-top:2px;
	height:24px;
	width:24px;
	}
	
#header .epic_searchform{
	float:right;  
	margin:20px 0 0 0; 
	padding:0 ;}

.epic_searchform{
	position: relative;
	}
	
.epic_searchform input[type=text]{
	width:144px;
	height:28px;
	line-height: 28px;
	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/input-search-bg.png') no-repeat;
	border:none;
	float:left;
	padding:0 30px 0 4px;
	}
	
#topmenu-inner .epic_searchform input[type=text]{
	width:144px;
	height:24px;
	line-height: 24px !important;
	background: #000;
	border:1px solid #444;
	float:left;
	padding:0 30px 0 4px;
	}
	
/* 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;

	}
	
#article .epic_user_form{}
	
.sidebar-regular .epic_user_form{margin:-20px -20px -20px;}
	
.epic_user_form .epic_usertabnav{

	margin:0;
	float: left;
	clear: both;
}



	
.epic_user_form .formcontent{
	
	float: left;
	clear: both;
	position: relative;
	z-index: 1;
	margin:0 0 0px 0 !important;
	width:198px !important;
	padding:20px;
	border:1px solid #252525;
	}

.epic_user_form .epic_icon_user{
	
	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/sprite_main.png') no-repeat -17px  -316px;
	height:24px;
	width:100%;
	display: block;
	margin:0px 0 4px 0;
	padding:0;
	float:left !important;
	clear: both !important;
	
	}
	
.epic_user_form .epic_icon_mail{
	
	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/sprite_main.png') no-repeat -17px  -15px;
	height:24px;
	width:100%;
	display: block;
	margin:0 0 4px 0;
	float: left;
	clear: both;
	
	}
	
.epic_user_form .epic_icon_key{


	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/sprite_main.png') no-repeat -17px -64px;
	height:24px;
	width:100%;
	display: block;
	margin:0 0 4px 0;
	float: left;
	clear: both;
	
	}

.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;

	}
	
		
#article .login_form div.epic_icon_mail{
	
	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/sprite_main.png') no-repeat -17px  -15px;
	height:24px;
	width:100%;
	display: block;
	margin:0 0 4px 0;
	float: left;
	clear: both;
	
	}
	
#article .login_form div.epic_icon_user{
	

	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/sprite_main.png') no-repeat -17px  -320px;
	height:24px;
	width:230px;
	display: block;
	margin:0 0 10px 0;
	padding:0;
	float:left !important;
	
	
	}


#article .login_form div.epic_icon_key, #article .user_forms div.epic_icon_key{


	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/sprite_main.png') no-repeat -17px -64px;
	height:24px;
	width:220px;
	display: block;
	margin:0 0 10px 0;
	float:left !important;
	
	}
	
#article .login_form input[type=submit]{

	float:left;

	}
	

	
	

	

	
.login_form div.epic_icon_mail{
	

	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/sprite_main.png') no-repeat -17px  -15px;
	height:24px;
	width:100%;
	display: block;
	margin:0 0 4px 0;
	
	}
	
.login_form .epic_icon_mail label{

	display:none;

	}
	
.login_form h4.togglehandle{

	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/sprite_main.png') no-repeat -17px -169px !important;
	margin:0 0 10px 0;
	float: left;
	clear: both;
	width:100%;
	
	}
	
.login_form h4.togglehandle a{

	margin-left:24px;

	}
	
.login_form div.epic_icon_key{


	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/sprite_main.png') no-repeat -17px -64px;
	height:24px;
	width:100%;
	display: block;
	margin:0 0 4px 0;
	
	}

.login_form .epic_icon_key label{

	display:none;

	}
	

.login_form div.epic_icon_user{


	background: url('http://www.telespree.com/wp-content/themes/ubergeist/child/library/images/sprite_main.png') no-repeat -17px  -316px;
	height:24px;
	width:100%;
	display: block;
	margin:0 0 4px 0;
	
	}

.login_form .epic_icon_user label{

	display:none;

	}
	



	
.login_form input[type=text],.login_form input[type=password]{

	margin-left:24px;
	min-width:156px;
	}
	
.login_form .epic_login_submit{

	margin-left:24px;

	}
.login_form label{

	font-size:11px;
	
	}
	
.isloggedin{

	margin-left:24px;
	
	}
	
ul.epic_usertabnav{

	margin:0;
	padding:0;
	list-style: none;
	float: left;

	}
	
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 20px !important;
	line-height:32px;
	margin:1px 2px -1px 0 !important;
	}


ul.epic_usertabnav li.current-menu-item a{
	
	display: inline !important;
	float:left !important;
	clear: none !important;
	border:1px solid #252525;
	border-bottom:0;
	background: #222;
	padding:0 19px !important;
	margin:0 2px -1px 0 !important;
	border-radius:2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	position: relative;
	z-index: 2;
	}
	
.formcontent{
	
	float: left;
	position: relative;
	z-index: 1;
	margin:0 0 10px 0;
	width:100%;
	}