/*
+-+-+-+ +-+-+-+-+-+-+ +-+-+-+-+-+-+-+-+-+
|O|C|C| |D|e|s|i|g|n| |F|r|a|m|e|w|o|r|k|
+-+-+-+ +-+-+-+-+-+-+ +-+-+-+-+-+-+-+-+-+                                   
*/

/*CORE CSS
    Table of Contents
-----------------------------------------------------
:: 1. Reset & Standards
:: 2. Typography
:: 3. Print Styles
:: 4. Links
:: 5. Lists
:: 6. Alignment
:: 7. Blog engine alignment
:: 8. Image Styles
:: 9. Tables
:: 10. Alerts
:: 11. Labels
:: 12. Buttons
:: 13. Drop Downs
:: 14. Shapes
:: 15. Tabs
:: 16. Accordians
:: 17. Font Awesome
:: 18. Forms
:: 19. Misc
:: 20. Error pages
:: 21. Audio player
*/



/*------------------------------------------------------------------------------
   :: 1. Resets & Standards
-------------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
figure { margin: 0; } 
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color:rgba(0,0,0,0.2);min-height:101%;}
html, button, input, select, textarea { font-family: Verdana,Arial,Helvetica,sans-serif; color:#4a4a4a;}
::-moz-selection { background: #0C7EBF; color: #fff; text-shadow: none; }
::selection { background: #0C7EBF; color: #fff; text-shadow: none; }

object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption,tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
	max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
 	width: auto\9;
  /* IE7-8 need help adjusting responsive images */
	height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
	vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) { overflow: hidden; }

/* BOX SIZING###################################
apply a natural box layout model to all elements - THIS is fab.. If I say the width is 200px, gosh darn it, it's gonna be a 200px wide box even if I have 20px of padding.*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after, .clear {
  clear: both;
  line-height:0.1em;
}
/*== Typography Reset========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 20px; }
dfn { font-style: italic;}
em{font-style:italic;}
i{font-style:inherit;}
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a:hover, a:active, :focus { outline: 0; }


html { 
	font-size: 62.5%;/*set base font to 10*/ 
	background: url("/wp-content/themes/html5blank-master/img/template/cammo_bkg.jpg") repeat scroll 0 0; 
} 

body { 
	background: url("/wp-content/themes/html5blank-master/img/template/header_cammo.jpg") repeat-x scroll 0 0; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px; font-size: 1.3rem; /*relative ems */
	line-height: 1.385;  
	color:#272727; 
	height:100%;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased; 
}
	
/*----------------------------------------------------------------
    :: 2. Typography
	
using modular scaling for font sizes - my important numbers are 13 for body copy and 39 for h1.. the other numbers are calulated using golden ration of 1.618.  see http://zurb.com/article/1000/foundation-3-0-typography-and-modular-sca or http://alistapart.com/article/more-meaningful-typography
------------------------------------------------------------------ */
	h1, h2, h3, h4, h5, h6 {font-weight: 700; line-height: 1.1 ;text-rendering: optimizeLegibility;margin:12px 0; font-family: Verdana,Arial,Helvetica,sans-serif;}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 50%; line-height: 0; font-weight:normal;margin:12px 0;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:inherit;}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { font-weight: inherit; color:inherit;}
	h1, h1{ font-size: 22px; font-size: 2.2rem; color: #940505; font-weight:bold; text-transform:uppercase;}
	h2, h2 { font-size: 18px; font-size: 1.8rem; color: #940505; font-weight:bold; text-transform:uppercase; margin:20px 0;}
	h3, h3 { font-size: 16px; font-size: 1.6rem; color: #940505; font-weight:bold; text-transform:uppercase;}
	h4, h4 { font-size: 14px; font-size: 1.4rem;}
	h5, h5 { font-size: 14px; font-size: 1.4rem;}
	h6, h6{ font-size: 13px; font-size: 1.3rem;}

	.subheader { color: #777; font-weight:400;line-height: 1.385; }

	p {margin: 0 0 18px;}
	p.lead { font-size: 17px; font-size: 1.7rem; color:#444;}
	p img { margin: 0; }
	
	em { font-style: italic; line-height: inherit; }
	strong, b { font-weight: bold; line-height: inherit; }
	/*	Blockquotes  */
	blockquote, blockquote p {color: #777; font-size:15px; font-size:1.5rem; line-height:1.5}
	blockquote { margin: 0 0 18px 10px; padding: 9px 20px 10px 19px; background:#ddd;  }
	blockquote cite { display: block; font-size: 15px; font-size: 1.5rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }/*see ascii codes for more symbols*/
	blockquote cite a, blockquote cite a:visited { color: #555; }
	
	hr {
		margin: 0px 0 12px;
		background: url("/wp-content/themes/html5blank-master/img/template/hrLine.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
		border: 0 none;
		clear: both;
		height: 2px;
	    overflow: hidden;
		padding: 0;
	
	}
	
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }

/*---------------------------------------------------------------------------------------------------
	:: 3. Print Styles
-------------------------------------------------------------------------------------------------*/
@media print {
	
  * { background: transparent !important;  box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; ;} /* Black prints faster: h5bp.com/s */
  body{
	  font-family:calibri,arial,sans-serif!important; font-size:14px!important;color:#000!important;
	  }
  a, a:visited { text-decoration: underline; display:none;}
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  table th{color:black;}
  tr, img { page-break-inside: avoid; }

  body td.highlight2{background:#000!important;color:#fff!important;}
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  #mainContent{width:100%!important}
  header,footer,aside.mainNav,a.toTop,a.printButton{display:none;}
}	
/*	------------------------------------------------------------------------------
	:: 4. Links
-------------------------------------------------------------------------------- */
	a { color: #35709A; text-decoration: none; line-height: inherit; cursor:pointer;}
	a:hover  {color: #767173; }
	a:focus {outline: none; }
	a.active{color: #35709A;font-weight:bold; }
	p a, p a:visited { line-height: inherit; }	

/*	------------------------------------------------------------------------------
	:: 5. Lists
	------------------------------------------------------------------------------ */
	ul { list-style: square outside; }
	ol { list-style: decimal; }
	ol,ul, ul.square, ul.circle, ul.disc { margin: 0 0 18px 36px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	.no_list, ul.accordion{list-style:none;margin: 0 0 18px 0;}
	ul.fancy{list-style:none; margin:0 0 18px 0; }/*list-style-image sucks so use background image instead*/
		ul.fancy >li{
			background:url(/wp-content/themes/html5blank-master/img/template/list_star.png) 12px 0px no-repeat;
			padding: 0 0 0 36px;
			}
	ul li ul {
  	  list-style: inherit;
	}
	ul li ul, ul li ol, ol li ol {
   		margin:6px 0 0 20px;
    	}
	ol li ol{
		list-style:lower-roman;
		}
	li { margin-bottom: 6px; }
	li.steps{margin-bottom:18px;}
		.steps span{display:block;float:left;max-width:80%; margin: 0 12px 0 0;}
		
	dl dt {font-weight: bold;font-size:14px; font-size:1.4rem;margin:0 0 1px 0;}
    dl dd { margin: 0 0 18px 0px; }
	nav ul{ list-style: none; list-style-image: none; margin: 0; padding: 0; float:left; }
	nav.navRow ul li{display:inline-block;padding:0;}
	nav.navRow ul li:first-child{padding:0 0 0 10px;}
	nav.navRow ul li:last-child{padding:0;}
	nav li a{display:block;}
	


	
/*----------------------------------------------------------
	:: 6. alignment 
-----------------------------------------------------------*/
.left{float: left; }
.right{ float: right; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center { text-align: center; }

img.alignRight{float:right; display:block; margin:0px 0px 9px 15px;}
img.alignLeft{float:left; display:block; margin:0px 15px 9px 0px;}
img.alignCenter{float:none; display:block; margin:9px auto;}



/*---------------------------------------------------
	:: 7.Blog Engine alignment
-----------------------------------------------------*/
p.Left, p.left{
	float:left;
    margin:0 15px 9px 0;
	
	}
p.Left img, p.left img, p.Right img, p.right img{
	margin:0 0 6px 0;
	display:block;
	}
p.Right, p.right{
	float:right;
    margin:0 0px 9px 15px;
	color:#666;	
	font-size:90%;
	}
p.Center, p.center{
	float:none;
    margin:9px auto;
	color:#666;	
	text-align:left;
	font-size:90%;
	}
p.Center img, p.center img{
	margin:0 auto 6px auto;
	display:block;
	float:none;
	}
p.Full img, p.full img{
	display:block;
	width:100%;
	margin:0 0 6px 0;
	
	}
p.Full, p.full{
	color:#666;
	font-size:90%;
	}

/*----------------------------------------------------------------
	:: 8.Image styles
----------------------------------------------------------------------*/
.img-polaroid{
	background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    padding: 4px;
}
.img-radius{
	-webkit-border-radius:6px;
	border-radius: 6px; 
}
.img-round{
	webkit-border-radius:500px;
	border-radius: 500px; 
}
/*-------------------------------------------------------------
	:: 9.table styles
-----------------------------------------------------------------*/
	table{
		 border-collapse: collapse; border-spacing: 0;
		width:100%;
		margin-bottom:18px;
		border-bottom: 1px solid #DDDDDD;
		}
	table td,table th{
		border-top: 1px solid #DDDDDD;
    	line-height:1.5em;
    	padding: 8px 4px;
    }
	table th{
		background:#4d4d4d;
		color:#fff;
		text-align:left;
		}
 	.table-bordered td,.table-bordered th{
		border: 1px solid #DDDDDD;
    	line-height:1.5em;
    	padding: 8px;
    	}
	.table-striped tbody > tr:nth-child(2n+1) > td {
   		 background-color: #efefef;
	}	
	td { vertical-align: top; }
/*------------------------------------------------------------
	:: 10.alerts
-------------------------------------------------------------*/
.alert {
   background-color: #D9EDF7;
   border: 1px solid #BCE8F1;
   border-radius: 4px 4px 4px 4px;
   margin-bottom: 18px;
   padding: 8px 35px 8px 14px;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   color: #3A87AD;
   font-size:107%;
}
.alert-warning{
	background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
	}
.alert-success{
	background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
	}
/*-----------------------------------------------------------------
	:: 11.labels
-----------------------------------------------------------------*/
.label{
	display:inline-block;
	font-weight:bold;
	padding:3px 8px 2px;
	margin:0 3px 0 0px;
	color:#fff;
	background:#666;
	line-height:1.4;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
.label-important{
	background:#B94A48;          
	}
	
/*--------------------------------------------------------------------
	:: 12.BUTTONS
---------------------------------------------------------------------*/
.button, .memberCheckButton input, .contactForm input[type="submit"], .submitButton input[type="submit"], .rootItem{
	background-color: #970205;
    color: #FFFFFF;   
	cursor: pointer;
    display: inline-block;
    font-size: 14px; font-size: 1.4rem;
	line-height:21px;
    margin-bottom: 0;
	margin-right:5px;
    padding: 5px 14px 6px;
    text-align: center;
    vertical-align: middle;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	-webkit-transition: background-color 0.15s ease-in-out; 
	-moz-transition: background-color 0.15s ease-in-out; 
	-o-transition: background-color 0.15s ease-in-out; 
	transition: background-color 0.15s ease-in-out;
	min-width:90px;
	}
	input.button[type="submit"]{
		line-height:1;
		padding:8px 18px 9px 18px;
		display:block;
		/*input buttons don't accept line height in ff.. pretty odd. */
		}
	.button:hover, .memberCheckButton input:hover, .button.active, .contactForm input[type="submit"]:hover,.submitButton input[type="submit"]:hover, .rootItem:hover{
		background: #c80004;
		color:#fff;
		}
	.dropdown .button:hover, .button.open{background: #444;
		color:#fff;}
.button-native{
	background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-image: none;
	color: #333;
	}	
	.button-native:hover{
		background:#E6E6E6;
		color:#333;
		}
.button-special{
	background-color: #5DA423;
    background-image: -moz-linear-gradient(center top , #62C462, #5DA423);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#5DA423));
  	background-image: -webkit-linear-gradient(top, #62C462, #5DA423);
  	background-image: -o-linear-gradient(top, #62C462, #5DA423);
  	background-image: linear-gradient(to bottom, #62C462, #5DA423);
    background-repeat: repeat-x;
    border-image: none;
	color: #fff;
	}	
	.button-special:hover{
		background:#457a1a;
		}	
.button-alert{
	background-color: #DA4F49;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#BD362F));
  	background-image: -webkit-linear-gradient(top, #EE5F5B, #BD362F);
  	background-image: -o-linear-gradient(top, #EE5F5B, #BD362F);
  	background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-image: none;
	color: #fff;
	}	
	.button-alert:hover{
		background:#BD362F;
		}	
.button.disabled, .button.disabled:hover, .disabled, .disabled:hover{
	background-color: #F5F5F5;
	background-image:none;
	color:#aaa;
	text-shadow:none;
	cursor: text;
	-webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow: none;
	border-color: #ccc;
	}

.button.publicSaleBut{
	background-color: #2f464d;
    background-image: -moz-linear-gradient(center top , #5a7076, #2f464d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a7076), to(#2f464d));
  	background-image: -webkit-linear-gradient(top, #5a7076, #2f464d);
  	background-image: -o-linear-gradient(top, #5a7076, #2f464d);
  	background-image: linear-gradient(to bottom, #5a7076, #2f464d);
    background-repeat: repeat-x;
	display:block;
	padding:5px 0 6px 0;
	}
	.button.publicSaleBut:hover{
		background-color: #2f464d;
		}
.rsvpBut{
	background-color: #4d68a1;
    background-image: -moz-linear-gradient(center top , #4d68a1, #3e5380);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d68a1), to(#3e5380));
  	background-image: -webkit-linear-gradient(top, #4d68a1, #3e5380);
  	background-image: -o-linear-gradient(top, #4d68a1, #3e5380);
  	background-image: linear-gradient(to bottom, #4d68a1, #3e5380);
    background-repeat: repeat-x;
	display:block;
	}
	.rsvpBut:hover{
		background-color: #4d68a1;
		}
.buy{
	}
/*.tickets, .rsvpBut{display:block; margin:0 0 6px 0;}*/
/*--------------------------------------------------------------
	::site specific buttons entered into prod panel by cords
-----------------------------------------------------------------*/
 .dropdown a.itunes,.dropdown a.amazon,.dropdown a.download,.dropdown a.cd,.dropdown a.vinyl,.dropdown a.boxset, .dropdown a.buy, a.itunes,a.amazon,a.cd, a.boxset,a.download,a.vinyl{
		text-align:left;
		padding-left:35px;
		
		}
.dropdown a.itunes:nth-letter(2){text-transform:capitalize;} 
 a.itunes,a.itunes:hover, .dropdown a.itunes:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px 3px;
}
 a.amazon,a.amazon:hover,  .dropdown a.amazon:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px -35px;
}
.download, a.download:hover,.dropdown a.download:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px -75px;
}
a.cd ,a.cd:hover,.dropdown a.cd:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px -118px;
}
a.vinyl,a.vinyl:hover, .dropdown a.vinyl:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px -158px;
}
.boxset,.boxset:hover, .dropdown a.boxset:hover{
	background-image:url(/wp-content/themes/html5blank-master/img/template/buttonGlyphs.png) ;
	background-repeat:no-repeat;
	background-position:3px -198px;
}
/*==specific for buy albums drop down==================================================*/
	
		
	


.availCopy{display:block;margin:6px 0 0 0; text-align:left;}
/*==button sizes==================================================*/
.button-large, input.button-large[type="submit"]{
	 font-size: 15px; font-size: 1.5rem;
	 padding:8px 27px;
	}
.button-small,input.button-small[type="submit"] {
    font-size: 12px;font-size:1.2rem;
    padding: 3px 14px 4px;
	line-height:18px;
}	
/*==button group================================================*/	
ul.button-group{
	list-style:none;margin: 0 0 18px 0;
	}
	ul.button-group:after {
    	clear: both;
	}
	ul.button-group:before, ul.button-group:after {
    	content: " ";
    	display: table;
	}	
	ul.button-group > li:first-child {
   	 margin-left: 0;
	}
		.ie9 ul.button-group > li:last-child { margin: 0 0px 0 -1px;}
		
	ul.button-group > li {
  	  display:inline;
   	  margin: 0 -3px 0 0px;
	  padding: 0;
	}
	
	ul.button-group > li a{
		-webkit-border-radius:0px;
		border-radius: 0px; 
		}
	ul.button-group > li:first-child a {
   	 	border-bottom-left-radius: 4px;
    	border-top-left-radius: 4px;
	}
	ul.button-group > li:last-child a {
   	 	border-bottom-right-radius: 4px;
    	border-top-right-radius: 4px;
	}
	ul.button-group > li:first-child a.square, ul.button-group li:last-child a.square{
   	 	border-radius: 0px;
    	border-radius: 0px;
	}
	 .dropdown ul.radius{
			-webkit-border-radius: 0px 0px 4px 4px;
			border-radius: 0px 0px 4px 4px; 
		}
/*----------------------------------------------------
	:: 13. button drop down
-------------------------------------------------------*/
.dropdown{position:relative; display:inline-block;margin:0 0 12px 0;}
.dropdown > a:after{
	 font-family: FontAwesome;
 	 font-weight: normal;
 	font-style: normal;
    display: inline-block;
    font-size:16px;font-size:1.6rem;
    vertical-align: middle;
    text-decoration: inherit;
    width: 1em;
    text-align:right;
    content: "\f0d7";
	line-height:0.9em;
	}
.dropdown > a.open:after{
	content: "\f0d8";
	}
.dropdown  ul {
    -moz-box-sizing: content-box;/*cos otherwise is like a pixel to small*/
	background:#fff;
    background:rgba(255, 255, 255, 0.95);
    border-color: #CCCCCC #CCCCCC;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: none;
    list-style: none outside none;
    padding: 0;
	margin:0;
    position: absolute;
    z-index: 40;
	background:#;
}
.dropdown.dropdown-dark ul{
	background:#444;
	border:0;
	left:0;
	margin:-3px 0 0 0;
	}
.dropdown.dropdown-long ul{
	min-width:170px;
	border:1px solid #ccc;
	}
	.dropdown  ul li{border-bottom:1px solid #ddd;display:block;margin:0;}
	.dropdown  ul li:last-child{border:none;}
	.dropdown  ul li a{display:block;padding:6px 10px;text-align:center;}
	.dropdown-long  ul li a{display:block;padding:6px 10px;text-align:left;}
	.dropdown  ul li a:hover{background:#e3f4f9;}
	.dropdown.dropdown-dark ul{width:97%;}
	.dropdown.dropdown-dark ul li{border:0;}
	.dropdown.dropdown-dark ul li a{margin:0 auto;width:90%;border-top:1px solid #666;color:#fff;}
	.dropdown.dropdown-dark ul li a:hover{background-color:rgba(227,244,249,0.1);}
		.ie8 .dropdown.dropdown-dark ul li a:hover{background-color:inherit;}
		.ie8 .dropdown.dropdown-dark ul{ width:100%;border-left:1px solid #fff; border-right:1px solid #fff; }
	.dropdown.dropdown-dark  ul li:last-child{margin: 0 0 6px 0;}


/* -----------------------------------------------------------------
	:: 14. shapes
-------------------------------------------------------------------- */
.radius{
		-webkit-border-radius:4px;
		border-radius: 4px; 
		}
.round{
	webkit-border-radius:1000px;
	border-radius: 1000px; 
	}
.square{
	-webkit-border-radius: 0px;
	border-radius: 0px; 
	}
.pill{
	-webkit-border-radius: 100px;
	border-radius: 100px; 
	}				
/*---------------------------------------------------------------
	:: 15. tabs 
----------------------------------------------------------------*/
ul.tabs{
	list-style:none;
	margin:0;
	padding:0;
	background:#efefef;
	}
	ul.tabs:after {
    	clear: both;
	}
	ul.tabs:before, ul.tabs:after {
    	content: " ";
    	display: table;
	}
ul.tabs li{
	display:block;
	float:left;
	margin:0;
	text-align:center;
	}	
ul.tabs li a{
		display:block;
		color:#fff;
		font-weight:normal;
		padding:9px 30px;
		cursor:pointer;
		background-color: #4d4d4d;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		border-image: none;
		border-color: rgba(0, 0, 0, 0.33); 
		border-style: none solid none none;
   		border-width: 1px;
		-webkit-transition: background-color 0.15s ease-in-out; 
		-moz-transition: background-color 0.15s ease-in-out; 
		-o-transition: background-color 0.15s ease-in-out; 
		transition: background-color 0.15s ease-in-out;
		}
ul.tabs li:last-child a{border:none;}
ul.tabs li a.active, ul.tabs li a:hover{
		background-color: #49AFCD;
		}	
.tabs-content{margin-bottom:18px;}
.tabs-content>div{
	display:none;
	padding:10px;
	border-style:none solid solid solid;
	border-width:1px;
	border-color:#ddd;
	}
.tabs-content>div.active{display:block;}

/*--------------------------------------------------------
	:: 16.accordion
---------------------------------------------------------*/
.accordion > li > a.open-accordian{
	display:inline-block;
	}
.accordion > li > div{padding:0;}
.accordion > li > a.open-accordian:after{
	font-family: FontAwesome;
 	font-weight: normal;
 	font-style: normal;
    display: inline-block;
    font-size:16px;font-size:1.6rem;
    vertical-align: middle;
    text-decoration: inherit;
    width: 1em;
    text-align:right;
    content: "\f0d7";
	line-height:0.9em;
	}
.accordion > li > a.open-accordian.active:after{
	content: "\f0d8";
	}
td ul.accordion{margin:0;}
td ul.accordion li{margin:0;}

/*--------------------------------------------------------------------------------
	:: 17. Font Awesome
------------------------------------------------------------------------------- */
 

@font-face {
  font-family: 'FontAwesome';
  src: url('/wp-content/themes/html5blank-master/fonts/fontawesome-webfont.eot?v=3.0.1');
  src: url('/wp-content/themes/html5blank-master/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('/wp-content/themes/html5blank-master/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('/wp-content/themes/html5blank-master/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-size:16px;font-size:1.6rem;
  vertical-align: middle;
  text-decoration: inherit;
  width: auto;
  padding:0 5px 0 0;
  margin:1px 0 0 0;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
 font-size:24px;font-size:2.4rem;
}
.icon-extra:before {
  vertical-align: middle;
 font-size:36px;font-size:3.6rem;
 width:1.33em;
}
.button [class^="icon-"], .button [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }

.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }

.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-
edin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }


.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }

.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }

.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }


.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }

.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }

.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }
.icon-headphones:before           { content: "\f025"; }
.icon-user-md:before              { content: "\f200"; }
/*social*/

.icon-phone:before                { content: "\f095"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; margin:3px 0 0 0;}
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-linkedin-sign:before		  { content: "\f08c"; }
.icon-external-link:before        { content: "\f08e"; }
.icon-github:before               { content: "\f09b"; }
.icon-github-sign:before          { content: "\f092"; }

/*------------------------------------------------------------------------------
  :: 18. Forms
-------------------------------------------------------------------------------- */
/*forms reset================*/
fieldset { border: 0;}
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
/*1. Display hand cursor for clickable form elements
  2. Allow styling of clickable form elements in iOS
  3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/* Re-set default cursor for disabled elements*/
button[disabled], input[disabled] { cursor: default; }

/*Consistent box sizing and appearance*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }


/* Remove inner padding and border in FF3/4: h5bp.com/l*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*end form Reset styles=======================================================================*/
label{
	display:block;
	font-size: 14px;font-size:1.4rem;
	margin:12px 12px 6px 0;
	}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
  display:inline-block;
  font-size: 14px;font-size:1.4rem;
  height: 32px; 
  padding: 4px 6px;
  width:220px;
  margin:0 6px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
  background: #ffffff;
  border: 1px solid #ddd;
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
   

}
.inputs select{width:220px!important;/*overwrite dev hard coded width*/}
/*fix for biz form====================*/
	input.ruFakeInput {
		background-color: #fff !important;
		border: 1px solid #ddd !important;
		float: none !important;
		font-family:;
		font-size: 14px!important;font-size:1.4rem!important;
		margin: 0 10px 6px 0 !important;
		padding: 3px 4px !important;
		width: 220px !important;
	}
/*end biz form fix======*/
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, select:focus,textarea:focus {
	outline: none !important;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(82,168,236,.6);
 	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(82,168,236,.6);
 	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(82,168,236,.6);
}
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
	background-color: #ddd;
}
input[type="checkbox"],input[type="radio"] {
	width:auto;
	margin:0 6px 0 0px;
	display:inline-block;
}
 input[type="checkbox"] + label,input[type="radio"] + label{
	width:auto;
	display:inline-block;
	margin-left:9px;
	}
textarea { 
	overflow: auto; 
	vertical-align: top; 
	resize: vertical;
	height:auto;
	width:460px;
 }
/*surround each form line with a div inputs for correct alignments==============================*/	
div.inputs, div.styledForm, div.styledFormDrops{
	margin:6px 0 0px 0;
	}
	div.inputs:before,div.inputs:after, div.styledForm:before, div.styledForm:after{
 	 	display: table;
 		 content: "";
 	 	line-height: 0;
		}
	div.inputs:after, div.checkbox:after, div.styledForm:after{
  		clear: both;
	}	
div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{
		display:inline-block;
		width:140px;
		text-align:right;
	}
div.inputs input[type="checkbox"],div.inputs input[type="radio"] ,div.primarylist input[type="checkbox"],div.checkbox input[type="checkbox"]{
	width:auto;
	margin:0 5px 0 162px;
	display:inline-block;
	position:static;
}
	div.primarylist input[type="checkbox"]{margin:0 5px 0 0}
	
div.inputs input[type="checkbox"] + label,div.inputs input[type="radio"] + label, div.primarylist input[type="checkbox"] +label{
	width:auto;
	position:relative;
	top:1px;
	display:inline-block;
	}
div.inputs input[type="submit"],.submitButton input[type="submit"]{
	margin:12px 0px 12px 158px;
	border:none;
	}

/*Make form vertical as opposed to horizontal==============================*/	
.vertical-form .inputs label{
	display:block;
	margin:0px 0px 6px 0;
	text-align:left;
	}
.vertical-form div.inputs input[type="checkbox"],.vertical-form  div.inputs input[type="radio"] {
	width:auto;
	margin:0 5px 0 0;
	display:inline-block;
	position:static;
}
.vertical-form  div.inputs input[type="submit"]{
	margin-left:0;
	}
.vertical-form p.forgotPw{
	clear: both;
    margin: 12px 0;
	}
/*text in input before entering */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
/*general form fixes================================================*/
.checkbox label{margin:0}
.checkbox{margin:0 0 18px 0;}
p.forgotPw{
	clear: both;
    margin: 6px 0 18px 155px;
	}
.reviewArea p, h3.accountTitles{
    border-top: 1px solid #ddd;
    display: block;
    font-size: 1.385em;
    font-weight: bold;
    padding: 12px 0 6px;
}
	.reviewArea p{padding-bottom:0; margin-bottom:0;}
#miniLogin{padding:0 15px;}
.inputsHolder{float:left;}
/*fieldset ===============================================*/
 fieldset{	
	border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    margin: 18px 0;
    padding: 12px;
 }
 fieldset legend {
    background: none;
	font-size: 14px;font-size:1.4rem;
    font-weight: bold;
    margin: 0 0 0 -3px;
    padding: 0 3px;
}
/*member check name==================*/
.memberCheckButton{
	display:inline-block;
	margin-left:6px; 
	width:100px;
	}
 .memberCheckButton input{
	font-size: 12px;font-size:1.2rem;
    padding: 3px 14px 4px;
}
.memberNamePopup{
	font-size:90%;
    float:left;
   	margin-top: 0;
    padding: 5px 30px 2px 6px;
    position: relative;
    top: 5px;
    left:-238px;/*width of memberNameTaken +18px*/
	}
span.memberNameTaken{
	display:block;
	background-position:0px 2px;
	width:220px;
	padding:6px 12px 6px 36px;
	background-image:url(/images/template/membertaken.png);
	background-repeat:no-repeat;
	background-position:6px 6px;
	border-radius: 4px 4px 4px 4px;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
   }
span.memberNameAvailable{
	display:block;
	width:220px;
	padding:6px 12px 6px 36px;
	background-image:url(/images/template/memberfree.png);
	background-repeat:no-repeat;
	background-position:6px 6px;
	border-radius: 4px 4px 4px 4px;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
/*strength guage*/
.strengthGaugeContainer{
    display:inline-block; 
	font-size:90%;
	font-weight:bold;
}
.strengthGauge{
	margin:0 0 0 6px;
	padding:2px 0 0 60px;
}
.noPassword{
    background:url(/images/template/noPassword.png) no-repeat 0 0;
	color:#900;
}
.weakPassword{
    background:url(/images/template/weakPassword.png) no-repeat 0 0px;
	color:#900;
}
.mediumPassword{
    background:url(/images/template/mediumPassword.png) no-repeat 0 0;
	color:#3A87AD;
}
.strongPassword{
	background:url(/images/template/strongPassword.png) no-repeat 0 0; 
	color:#468847;
}
.hintPopup {
    background: url("/images/template/helparrow.png") no-repeat scroll 0 0 transparent;
    display:inline-block;
	
    font-size: 11px;
    line-height: 16px;
    margin: 0px 0 0 6px;
    min-height: 42px;
    padding: 4px 2px 2px 20px;
	visibility: hidden;
    width: 312px;
}
.hintPopup span{display:block; line-height:30px;}
.account2link {
    border-top: 1px solid #c3c3c3;
    padding: 12px 0 0;
	margin-top:18px;
}
.account2link span.accountGlyph {
    background: url("/images/template/star.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 20px;
    padding: 4px;
    width: 26px;
	vertical-align:middle;
}
.account2link span.accountMessage {
    display: inline-block;
	vertical-align:middle;
}
/*gen fixes================*/
.optinContent h1{display:none;}
.primarylist ul{list-style:none;}
div.inputs .primarylist input[type="checkbox"]{padding:3px 0;margin: 0 5px 0 0px;}
.mailingListHeaderContent{margin:0 0 12px 0;}
.reviewArea div.inputs p {
    font-size: 100%;
    font-weight: normal;
    text-transform: none;
	border:0;
	margin:0;
}
.PasswordMessage {
    display: block;
    margin: 12px 0;
}
.Attachment{display:inline-block;}
ul.ruInputs{list-style:none;margin:0 0 18px 0;}
.RadUpload .ruFileWrap{vertical-align:inherit!important;}
.RadUpload, .RadUploadProgressArea {
    width: auto!important;
}
p.formText{padding:18px 0 0 0;}
input.ruButton {
   display:inline-block!important;
	background-color: #49AFCD!important;
    background-image: -moz-linear-gradient(center top , #5BC0DE, #2F96B4)!important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#2F96B4))!important;
  	background-image: -webkit-linear-gradient(top, #5BC0DE, #2F96B4)!important;
  	background-image: -o-linear-gradient(top, #5BC0DE, #2F96B4)!important;
  	background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4)!important;
    background-repeat: repeat-x!important;
	border-image: none!important;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)!important;
    color: #FFFFFF!important;   
	border-style: solid!important;
    border-width: 1px!important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.15)!important;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.15)!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.15)!important;
    cursor: pointer!important;
    display: inline-block!important;
    font-size: 12px; font-size: 1.2rem!important;
	line-height:18px!important;
    margin: 0 0 6px 0!important;
    padding: 3px 14px 4px!important;
    text-align: center!important;
    vertical-align: middle!important;
	-webkit-border-radius: 4px!important;
	border-radius: 4px!important;
}
.ie9 input.ruButton,.ie8 input.ruButton{background:#49AFCD!important;line-height:12px!important;}

/*validation=============================================*/
span.validation{
	display:inline-block;
	margin:0 6px;
	}
span.validation:after{
	color:#900;
	font-family: FontAwesome;
 	font-weight: normal;
 	font-style: normal;
    display: inline-block;
    font-size:18px;font-size:1.8rem;
    vertical-align: middle;
    text-decoration: inherit;
    width: 1em;
    text-align:right;
    content: "\f071";
	line-height:0.9em;
	}
/*dev validation code*/
.DESVALSummary{background:#ddd;padding:6px;-webkit-border-radius:6px;border-radius: 6px; }
.DESVALSummaryHeader{font-weight:bold;color:#900;}
.DESVALSummaryErrors{
	color:#c00!important;
	margin:6px 0 0 36px!important;
	}

.DESVALErrorText{
	color:#900;
	font-weight:bold;
	}
span.DESVALErrorText img {
    display:inline-block;
	margin:0 6px;
}
.DESVALSummaryErrors a {
    color: #0c7ebf!important;
    margin-top: 6px;
}
.DESVALSummaryErrors a:hover{color:#34abef;}

.DESVALErrorText ul{
	color:#272727;
	font-weight:normal;
	}	

/*store fixes================*/
div.cardSection label{width:180px;}
div.cardSection input{width:auto;}
div.styledFormDrops select{width:auto;}
.CCVNumber{display:inline-block; position:relative;}
.CCVNumber .popUp{
	background: #FFFFFF;
    border: 2px solid #000;
    color: #4a4a4a;
    display:none;
    margin-left: 5px;
    padding: 5px;
    position: absolute;
    text-align: left;
    width: 500px;
    z-index: 10;
	}
.CCVNumber .CCVLink, .countryFilter{display:inline-block;line-height:30px; margin:0 6px;}

/* -------------------------------------------------- 
	:: 19. Misc
---------------------------------------------------*/
	.hide        { display: none;}
	.invisible        { visibility: hidden;}
	.highlight   { background: #ff3;}
	.highlight2   { background: #D9EDF7;color:#111;}
	.block{display:block;}
	.inline{display:inline;}	
	.inline-block{display:inline-block;}
	.ie9 .show-on-ie, .ie8 .show-on-ie, .ie7 .show-on-ie{display:block;}
	.show-on-ie, .ie9 .hide-on-ie, .ie8 .hide-on-ie, .ie7 .hide-on-ie{display:none;}
	
/*-------------------------------------------------------
   :: 20. Error pages
-------------------------------------------------------*/
	.errorPage h1{font-size:160px;font-size:20rem; line-height:0.8;}
	.errorPage .button{margin:0 24px 24px 0px;}
	
/*------------------------------------------------------
:: 21. audio player
--------------------------------------------------------*/
#occAudioPlayer audio,#occAudioPlayer {
	width:1px!important;
	height:1px!important;
}
#audioSkin{
	padding:20px;
}
#audioPanel,#jp-AlbumInfo{
	padding:0px 10px;
	float:left;
	width:300px;
	}
#jp-AlbumInfo{
	width:200px;
	}
	#jp-AlbumInfo img{display:block;margin:0 0 12px 0;}
	#jp-AlbumInfo .buyLink a{width:100%;}
.audio_controls {}
.audio_controls ul {
	padding:0;
	float:left;
	list-style-type:none;
	margin:0;
	width:auto;
}
 .audio_controls ul li {
	display:block;
	float:left;
	margin:0px 6px 0 0;
}
/*buttons ################################################*/
a.jp-play,a.jp-pause,a.jp-stop, a.jp-previous, a.jp-next, a.jp-eject {
	display:block;
	cursor:pointer;
	background:#141414;
	text-align:center;
	vertical-align:top;
	width:21px;
	height:21px;
	
}

.audio_controls ul li a i[class^="icon-"]:before, .audio_controls ul li a i[class*=" icon-"]:before{margin:2px 0 0 0;font-size:13px;font-size:1.3rem; padding:0; color:#fff;line-height:0.8;vertical-align:middle;}
/*make stop button a little smaller than the others */
.audio_controls ul li a.jp-stop i[class^="icon-"]:before{font-size:11px; font-size:1.1rem;}

.audio_controls ul li a:hover, div.jp-play-bar  {
	background: #019BE1; 
}

a.disabled{opacity:0.6; cursor:default;}
.audio_controls ul li a.disabled:hover{background:#141414;}

#nowPlaying{
	display:block;
	float:left;
	width:50%;
	font-weight:bold;
}
#audioTiming{	
	font-style:italic;
	font-size:10px;
	margin-bottom:6px;
	color:#bbb;
	margin:0 auto 6px auto;
	height:24px;
}
.jp-progress {
	height:6px;
	overflow:hidden;
	background-color: #ccc;
	margin:6px 0 0 0;
}
.jp-seek-bar {
	background: #ccc;
	width:0px;
	height:100%;
	cursor: pointer;
}
.jp-play-bar {
	width:0px;
	height:100%;
}
/* time and duration */
span.jp-current-time,span.jp-duration {
	padding:3px 2px;
}
.jp-playlist {
	margin:0 auto 12px auto;
	background:#141414;
	padding:8px;
	float:left;
	width:100%;
}
.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0;
	oveflow:hidden;
	border-bottom:1px solid #333;
}
.jp-playlist ul li {
	padding:6px 3px 6px 0;
	border-bottom:1px solid #000;
	border-top:1px solid #333;
	margin:0;	
}
.jp-playlist a{
	color: #999;
	display:inline-block;
	}
.jp-playlist a.jp-playlist-item{width:100%;}
.jp-playlist a.jp-artist{display:none;}
.strip_buyLink{display:none;}
.jp-playlist a:hover, li.jp-playlist-current a {
	color:#fff;
}
/*AUDIO STRIP OVERRIDES
Giving the #audioSkin a class of audio strip will create a strip audio player
*/
#audioSkin.audioStrip{padding:0;}
.audioStrip .audio_controls li.ejectBtn{display:block;}
.audioStrip .jp-playlist,.audioStrip #jp-AlbumInfo, .audio_controls li.ejectBtn,.audioStrip .jp-time-holder{display:none;}
.audioStrip #audioSkin{padding:6px 10px 0;}
.audioStrip  #nowPlaying, .audioStrip .strip_buyLink{width:auto; display:inline-block;float:left;}
.audioStrip .strip_buyLink{margin:0 0 0 12px; border-left:1px solid #ccc; padding: 0 0 0 9px;}
.audioStrip #audioPanel{width:100%;}
.audioStrip #audioTiming{height:auto;}
.audioStrip .jp-progress {height:3px;width:130px;}


/*Browser specs*/
.browserSpecs{display:none; background: #ff3;}
html.mac.safari .browserSpecs.mac.safari{display:inline}
html.win.safari .browserSpecs.win.safari{display:inline}
html.mac.firefox .browserSpecs.mac.firefox{display:inline}
html.win.firefox .browserSpecs.win.firefox{display:inline}
html.mac.chrome .browserSpecs.mac.chrome{display:inline}
html.win.chrome .browserSpecs.win.chrome{display:inline}
html.mac.ie10 .browserSpecs.mac.ie10{display:inline}
html.win.ie10 .browserSpecs.win.ie10{display:inline}
html.mac.ie9 .browserSpecs.mac.ie9{display:inline}
html.win.ie9 .browserSpecs.win.ie9{display:inline}
html.mac.ie8 .browserSpecs.mac.ie8{display:inline}
html.win.ie8 .browserSpecs.win.ie8{display:inline}
html.mac.ie7 .browserSpecs.mac.ie7{display:inline}
html.win.ie7 .browserSpecs.win.ie7{display:inline}
html.mac.ie6 .browserSpecs.mac.ie6{display:inline}
html.win.ie6 .browserSpecs.win.ie6{display:inline}
html.touch .browserSpecs.touch{display:inline}

#newsletterForm{
	margin-left:100px;
	}
.inputs label.error{
	font-size:11px;
	color:#c00;
	text-align:left;
	width:300px;
	}
#messageCenter div{display:none;}
#messageCenter.msg1 .msg1{display:block;}
#messageCenter.msg2 .msg2{display:block;}
#messageCenter.msg3 .msg3{display:block;}
#messageCenter.msg4 .msg4{display:block;}
#messageCenter.msg5 .msg5{display:block;}
#messageCenter.msg6 .msg6{display:block;}
#messageCenter.msg7 .msg7{display:block;}
#messageCenter.msg8 .msg8{display:block;}
#messageCenter.msg9 .msg9{display:block;}
#messageCenter.msg10 .msg10{display:block;}
#messageCenter.msg11 .msg11{display:block;}
#messageCenter.msg12 .msg12{display:block;}