/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.buttonDefault_wrap, .buttonForms_wrap, .buttonUpload_wrap, .buttonImport_wrap { 
overflow: hidden; 
width: 100%;
font-size:.9em;
letter-spacing:.05em;
}

div.buttonDefault_wrap, div.buttonForms_wrap, div.buttonUpload_wrap, .buttonImport_wrap { 
display:inline;
}

.buttonDefault_wrap a, .buttonDefault_wrap a:link {
color:#fff;
font-weight:bold;
}
.buttonDefault_wrap a:hover {
color:#fff;
font-weight:bold;
}

/* Default Button - green ------------------------------------- */

a.buttonDefault{
background: transparent url("images/button_left.png") no-repeat top left;
display: block;
float: left;
line-height: 23px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonDefault, a:visited.buttonDefault, a:active.buttonDefault {
color: #fff!important; /*button text color*/
}

a.buttonDefault span{
background: transparent url("images/button_right.png") no-repeat top right;
display: block;
padding: 4px 10px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
margin-right:10px;
}

a.buttonDefault:hover{ /* Hover state CSS */
background-position: bottom left;
color: #fff;
}

a.buttonDefault:hover span { /* Hover state CSS */
background-position: bottom right;
color: #fff;
}

/* Form Button - grey ------------------------------------- */

a.buttonForms {
background: transparent url("images/buttonForm_left.png") no-repeat top left;
display: block;
float: left;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 4px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonForms, a:visited.buttonForms, a:active.buttonForms {
color: #000; /*button text color*/
}

a.buttonForms span {
background: transparent url("images/buttonForm_right.png") no-repeat top right;
display: block;
padding: 4px 4px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
margin-right:10px;
}

a.buttonForms:hover { /* Hover state CSS */
background-position: bottom left;
}

a.buttonForms:hover span { /* Hover state CSS */
background-position: bottom right;
color: #000;
}


/* upload Button - blue ------------------------------------- */

a.buttonUpload {
background: transparent url("images/button_upload_left.png") no-repeat top left;
display: block;
float: left;
line-height: 23px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 26px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonUpload, a:visited.buttonUpload, a:active.buttonUpload {
color: #fff!important; /*button text color*/
}

a.buttonUpload span {
background: transparent url("images/button_upload_right.png") no-repeat top right;
display: block;
padding: 4px 14px 4px 6px; /*Set 'padding-right' to match value of 'padding-left' value above*/
margin-right:10px;
}

a.buttonUpload:hover { /* Hover state CSS */
background-position: bottom left;
color: #fff;
}

a.buttonUpload:hover span { /* Hover state CSS */
background-position: bottom right;
color: #fff;
}

/* Remix Card Button - blue ------------------------------------- */

a.buttonRemix {
background: transparent url("images/button_remix_left.png") no-repeat top left;
display: block;
float: left;
line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 33px; /* Height of button background height */
padding-left: 28px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonRemix, a:visited.buttonRemix, a:active.buttonRemix {
color: #fff!important; /*button text color*/
}

a.buttonRemix span {
background: transparent url("images/button_remix_right.png") no-repeat top right;
display: block;
padding: 4px 8px 4px 0px; /*Set 'padding-right' to match value of 'padding-left' value above*/
margin-right:5px;
}

a.buttonRemix:hover { /* Hover state CSS */
background-position: bottom left;
color: #fff;
}

a.buttonRemix:hover span { /* Hover state CSS */
background-position: bottom right;
color: #fff;
}

/* View Card Button - blue ------------------------------------- */

a.buttonView {
background: transparent url("images/button_viewcard_left.png") no-repeat top left;
display: block;
float: left;
line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 33px; /* Height of button background height */
padding-left: 28px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonView, a:visited.buttonView, a:active.buttonView {
color: #fff!important; /*button text color*/
}

a.buttonView span {
background: transparent url("images/button_remix_right.png") no-repeat top right;
display: block;
padding: 4px 8px 4px 0px; /*Set 'padding-right' to match value of 'padding-left' value above*/
margin-right:5px;
}

a.buttonView:hover { /* Hover state CSS */
background-position: bottom left;
color: #fff;
}

a.buttonView:hover span { /* Hover state CSS */
background-position: bottom right;
color: #fff;
}

/* Import Button - green ------------------------------------- */

a.buttonImport{
background: transparent url("images/button_import_left.png") no-repeat top left;
display: block;
float: left;
line-height: 23px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 26px; /* Width of left menu image */
text-decoration: none;
}

a:link.buttonImport, a:visited.buttonImport, a:active.buttonImport {
color: #fff!important; /*button text color*/
}

a.buttonImport span {
background: transparent url("images/button_right.png") no-repeat top right;
display: block;
padding: 4px 14px 4px 6px; /*Set 'padding-right' to match value of 'padding-left' value above*/
margin-right:10px;
font-weight:bold;
word-spacing:.2em;
text-transform:capitalize;
}

a.buttonImport:hover { /* Hover state CSS */
background-position: bottom left;
color: #fff;
}

a.buttonImport:hover span { /* Hover state CSS */
background-position: bottom right;
color: #fff;
}



/* Search input with button - green (with mag glass) ------------------------------------- */


.search_wrap {
clear:both;
height:30px;
width:185px;
margin:0px 0px 3px;
}

.search_wrapInner {
position:relative;
display:inline;
}

.default_search {
display:block; 
width:133px; 
padding:3px; 
position:absolute; 
left:0px; 
top:0px;
border:1px solid #ccc;
font-size:1.4em;
}

.searchSubmit {
width:31px; 
height:27px;  
background:url(images/button_search.gif) no-repeat; 
top:-2px; 
left:145px; 
position:absolute; 
z-index:2;
}
.searchSubmit:hover, .searchSubmit.over {
background:url(images/button_search.gif) no-repeat 0px -27px;
}


/* newsletter add email with arrow submit button - green ------------------------------------- */

.your_email_wrap {
clear:both;
height:35px;
width:185px;
margin:0px 0px 0px 18px;
padding:0px 3px 2px 7px;
border-right:1px solid #666;
border-bottom:1px solid #666;
background:#fff;
}

.search_wrapInner {
position:relative;
display:inline;
}

#email_address {
display:block; 
width:133px; 
padding:5px; 
position:absolute; 
left:0px; 
top:4px;
background:#fff;
border:1px solid #ccc;
}

.floatLeft_email {
float:left;
padding-right:10px;
}

.floatRight_password {
float:left;
}
input, .floatRight_password input {
color:#777;
margin:1px 0px 8px;
}

input {
border:none; 
background:none; 
color:#666; 
}
.emailSubmit {
width:31px; 
height:27px;  
background:url(images/button_submit_arrow.png) no-repeat; 
top:4px; 
left:150px; 
position:absolute; 
z-index:2;
}
.emailSubmit:hover, .emailSubmit.over {
background:url(images/button_submit_arrow.png) no-repeat 0px -27px;
}