/* @group Framework */

  == STRUCTURE: ========================
   * Page width:            1030 px
   * Number of columns:     26
   * Column width:          30 px
   * Margin width:          10 px
  ======================================
   
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:1030px;margin:0 auto;}

body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26 {float:left;margin-right: 10px;}

div.last {margin-right:0;}
.span-1  { width: 30px;}
.span-2  { width: 70px;}
.span-3  { width: 110px;}
.span-4  { width: 150px;}
.span-5  { width: 190px;}
.span-6  { width: 230px;}
.span-7  { width: 270px;}
.span-8  { width: 310px;}
.span-9  { width: 350px;}
.span-10 { width: 390px;}
.span-11 { width: 430px;}
.span-12 { width: 470px;}
.span-13 { width: 510px;}
.span-14 { width: 550px;}
.span-15 { width: 590px;}
.span-16 { width: 630px;}
.span-17 { width: 670px;}
.span-18 { width: 710px;}
.span-19 { width: 750px;}
.span-20 { width: 790px;}
.span-21 { width: 830px;}
.span-22 { width: 870px;}
.span-23 { width: 910px;}
.span-24 { width: 950px;}
.span-25 { width: 990px;}
.span-26, div.span-26 { width: 1030px; margin: 0; }

.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}

.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}

div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder { padding-right:26px;margin-right:25px;border-right:1px solid #eee;}

.box {padding:1.5em;margin-bottom:1.5em;background:#EEEEFF;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* @end */

/* @group Structure */

body {
	margin: 0;
	color: #333;
	background: #757168 url(/images/sandbox/bookcritics_backgrnd.jpg) repeat left top;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
}
body#home #home_tab a,
body#about #about_tab a,
body#contact #contact_tab a,
body#blog #blog_tab a,
body#news #news_tab a,
body#join #join_tab a,
body#membership #join_tab a,
body#awards #awards_tab a,
body#calendar #calendar_tab a,
body#articles #articles_tab a,
body#board #board_tab a {
	background: #989187 url(/images/menu_background_upside.png) repeat-x;
		color: #fdff90;
		font-style: italic;

}

body#home #home_tab a:hover,
body#about #about_tab a:hover,
body#contact #contact_tab a:hover,
body#blog #blog_tab a:hover,
body#news #news_tab a:hover,
body#join #join_tab a:hover,
body#membership #join_tab a:hover,
body#awards #awards_tab a:hover,
body#calendar #calendar_tab a:hover,
body#articles #articles_tab a:hover,
body#board #board_tab a:hover {
	background-color: #44588E;
	color: #a2b9f4;
	font-style: italic;
}

.container_outer{
	width: 1050px;
	margin: 0 auto;
	height: auto;
	background: url(/images/bookcritics_drop.jpg) repeat-y center top;
}
.container {

	/*background-color: #0A0E1A;*/
}

#member_drop_down {
	height: auto;
	display: none;
	color: #000;
	margin-top: 0;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
	/*background: #6B7FAA url(/images/content_right_background.png) repeat-x center top;*/

}

#nav_topbar {
    text-align: right;
	background: #30447E;
	padding-bottom: .1em;
	padding-top: .1em;
	color: #4c4c4c;
	/*border-bottom: 1px solid #263560;*/
}


#banner{
	height: 150px;	
	background: #30447E url(/images/three_decades_120118v1.gif) no-repeat 580px center;
}

#banner_buy{
	height: 150px;	
	background: #30447E url(/images/site/bookcritics_buy_button.png) no-repeat 580px center;
}

#logo h1{
	height: 150px;
	text-indent: -9000px;
	background: url(/images/logo_blu.gif) no-repeat 30px top;
	margin: 0;
	padding: 0;
}

#banner_blog{
	height: 150px;	
background-color: #30447E;

}


#logo_small_buy h1{
	text-indent: -9000em;
	background: url(/images/site/bookcritics_buy_button.png) no-repeat center 25px;
	margin: 0;
	padding: 0;
	height: 135px;
}


#global_navbar {
	height: 35px;
	background: #8D877D url(/images/menu_background.png) repeat-x;
}

#content {
	background-color: #fff;

}
.content_inner{
padding-left: 30px;
/*margin-right: 30px;*/	
}

#content_right {padding-top: 1em;
}

#banner_logo_blog{
	height: 90px;
	background: url(/images/critical_mass_blu.gif) no-repeat 30px top;
	margin: 0;
	padding: 0;
}

div.donate a {
	text-indent: -9000px;
	/*background: url(/images/donate.gif) no-repeat fixed center center;*/
}

#footer{
	color: #F3F1F1;
	border-bottom: 1px solid #4d4a44;
	background: #6D685F url(/images/sandbox/nbcc_footerbk.gif) no-repeat center 85%;
}
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited

 {
	color: #F3F1F1;
}


/* @end */

/* @group text */

.smallish{
	font-size: .9em;
}

hr.footer{
	color: #6D685F;
	background-color: #6D685F;
}
.float_left{
	float: left;
}
.left {
	float: left;
	margin-right: 8px;
}
a:focus, a:hover {
	color: #000;
}

a {
	color: #44588E;
	text-decoration: none;
	font-weight: bold;

}

p a {
		border-bottom: none;
}

p a:hover{
	color: #000;
			border-bottom: 1px solid #44588E;
}
.print_only{
	display: none;
}
   



.alt { 

  color: #666; 

  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 

  font-style: italic;

  font-weight: normal;

}





/* Surround uppercase words and abbreviations with this class.

   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */

   

.caps { 

  font-variant: small-caps; 

  text-transform: lowercase; 

  font-size:1.2em;

  line-height:1%;

  font-weight:bold;

  padding:0 2px;

}


p{
text-align: left;	

}

.post_title{
	margin-top: 1.25em;
	margin-bottom: .5em;
}

.post{margin-top: .75em;
	margin-bottom: 25px;
}
.post_info {
	font-style: italic;
	font-size: .95em;
	color: #666;
}
a .post_read {
	color: #960000;
}
a.buy_link{
	color: #A31E16;
}
.post_footer {
	margin-bottom: 85px;
}
p.note{
	margin-top: 2em;
	margin-bottom: 3em;
	display: block;
}

#tag_cloud{
	margin-top: 50px;
}
#tag_cloud,
#tag_cloud a{
	color: #000;

}

#tag_cloud a{
	padding: .15em .25em;
}

#tag_cloud a:hover{
	color: #fff;
	background-color: #44588E;
}

#tag_cloud h4{
	color: #000;
}


/*cloud below for content sections*/

.tag_cloud{
	margin-top: 1em;
	margin-bottom: 1em;
}
.tag_cloud,
.tag_cloud a{
	color: #6D685F;

}

.tag_cloud a{
	padding: .15em .25em;
}

.tag_cloud a:hover{
	color: #fff;
	background-color: #44588E;
}

.tag_cloud h4{
	color: #000;
}





hr{width: 98%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

hr.space_50{
	width:50%;
	margin: 2em auto;
}

/* @end */

/* @group lists */

#content_main li {
	margin-bottom: .75em;
}
#nav_topbar{
	color: #ccc;
}

#nav_topbar ul {
	margin: 0 .25em 0 0;
}

#nav_topbar ul li {
	display: inline;
	list-style-type: none;

}

#nav_topbar ul li a {
	color: #ccc;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	font-style: normal;
	padding: .1em 1em;
}
#nav_topbar a:hover{
	background: #e5e5cd url(/images/grid_bkgrnde5e5cd.png) repeat left top;
	color: #000;
}

#global_navbar ul {
	padding: 7px 0 6px;
	margin-left: 24%;
}
#global_navbar ul li {
	display: inline;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
}

#global_navbar ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 1.11em;
	font-weight: normal;
	padding: .7em .7em .8em .8em;
	font-style: normal;
}

#global_navbar ul li a:hover{
	background: #989187 url(/images/menu_background_upside.png) repeat-x;
	color: #a2b9f4;
}

#content_right ul{
	margin: 0;
	list-style-type: none;
	padding: 0;
}

#content_right ul li,
#content_right ul li a,
#content_right ul li a:link,
#content_right ul li a:active,
#content_right ul li a:visited
{
	list-style-type: none;
	padding-top: .15em;
	color: #4a4a4a;
	margin-bottom: .5em;
	font-weight: normal;
	font-style: normal;
}
#content_right ul li a,
#content_right ul li a:link,
#content_right ul li a:active,
#content_right ul li a:visited
{
	color: #44588E;
}


#content_right ul li a:hover{
color: #fff;
background-color: #44588E;
}


#content_right ul li.link a{
	color: #960000;
}

#content_right ul li.link a:hover{
	color: #fff;
	background-color: #44588E;

}
#footer ul {
	text-align: left;
	padding: 0;
	margin: 2em 0 .75em;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	font-size: 95%;
	color: #F3F1F1;
	margin-right: 1.5em;
}

#footer ul.footer_menu li{
	display: block;
	margin-right: 0;
}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:active {
	display: inline;
	list-style-type: none;
	margin: 0;
	color: #F3F1F1;
	text-decoration: none;
	padding: .3em;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px dotted #91887F;
}

#footer ul li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #44588E;
	border-bottom-style: none;
}
ul.category_list{
	margin: 1em 0 1em 15px;
	padding: 0;
}
ul.category_list li {
	display: inline;
	list-style-type: none;
	padding-right: .5em;
	line-height: 1;
}
.category_list a {
color: #44588E;
}

.category_list a:hover {
	color: #fff;
	background-color: #44588E;

}


ul.inline_list{
	margin: 1em 0;
	padding: 0;
		color: #666;
	display: inline;
}
ul.inline_list li {
	display: inline;
	list-style-type: none;
	line-height: 1;
	padding-left: .25em;
}
.inline_list a {
color: #44588E;
}

.inline_list a:hover {
	color: #fff;
	background-color: #44588E;

}




ul.keyword_list{
	margin: 1em 0;
	padding: 0;
		color: #666;
}
ul.keyword_list li {
	display: inline;
	list-style-type: none;
	padding-right: 0;
	line-height: 1;

}
.keyword_list a {
color: #44588E;
}

.keyword_list a:hover {
	color: #fff;
	background-color: #44588E;

}

ul.article_list{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

ul.member_alpha{
	display: inline;
	margin: 1em auto;
	padding-top: 1em;
	padding-bottom: 1em;
}

ul.member_alpha li{
	
	list-style-image: none;
	display: inline;
}
/* @end */

/* @group forms */

input, textarea {
	font-size: 1.2em;
	color: #666;
	border: 1px solid #999;
	padding: 3px;
}
input.button {
	width: 70px;
}



/* @end */

/* @group buttons */

.donate {
float: right;
}

.donate h2 {
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-color: transparent; 
}
	
.donate h2 a {
	display: block;
	width: 320px;
	height: 43px;
	overflow: hidden;
	background: url(/images/donate_button.gif) no-repeat;
	text-decoration: none;
}

.donate h2 a:hover {
	background-position: 0 -43px;
	border-bottom: none;
}
a.buytix{
	background-color: #a60000;
	color: #fff;
	border: 1px solid #ccc;
	font-size: .25em;
	font-weight: lighter;
	padding: .19em .35em .1em .3em;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #a9a9a9;
	letter-spacing: .125em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		color: #fff;
}


/* @end */

/* @group boxes */

.box {padding:.75em;margin-bottom:1.5em;background:#E2E2C8;}


div.paginate {
	margin-top: 100px;
	clear: both;
	background-color: #f9f9f9;
	border: 1px solid #999;
	padding: 15px;
	text-align: left;
}

.post_footer_archive
{padding: 1em;
	background-color: #45598E;
	color: #f9f9f9;
	margin-top: 1em;
	margin-bottom: 3em;
}

.post_footer_archive a{
	color: #FFF;
}

.post_footer_archive a:hover{
	color: #fff;
	background-color: #44588E;
}

.outer_box { 
  background: #E2E2C8; 
}
.outer_boxtop { 
  background: url(/images/ne.gif) no-repeat top right; 
}
.outer_boxtop div { 
  font-size: 0;
  height: 12px; 
  background: url(/images/nw.gif) no-repeat top left; 
}
.outer_boxbottom { 
  background: url(/images/se.gif) no-repeat bottom right; 
}
.outer_boxbottom div { 
  font-size: 0;
  height: 12px; 
  background: url(/images/sw.gif) no-repeat bottom left; 
}
.outer_boxcontent {
  padding: 0px 12px 0px 12px;
}

/* @group calloutbox */

.callout_box {
	width: 586px;
}

.box_top {
	background: url(/images/box_tp.gif) no-repeat center top;
	height:17px;
}

.box_middle {
	background: url(/images/box_ctr.gif) repeat-y center center;
	height: auto;
	padding-left: 25px;
}

.box_bottom, .box_bottom a {
	background: url(/images/box_btm.gif) no-repeat center top;
	height: 20px;
}

/* @end */














.comment_box {
	color: #333;
	padding: 15px;
	background-color: #999;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: left;
}

.comment_box a:link,
.comment_box a:visited,
.comment_box a:active
 {
	
color: #ccc;
	text-align: left;
}


.grey{
	color: #000;
	background-color: #666;
}

.black{color: #999;
	background-color: #222;
}
.green{
	color: #f9f9f9;
	background-color: #5E8242;	
}

.site_blue{
		color: #f9f9f9;
	background-color: #44588E;	

	
}
.light{

		color: #feffc8;
	background-color: #6D685F;	
}



/* @end */

/* @group headings */



#logo_small h1{
	text-indent: -9000em;
	background: url(/images/logo_blu_sm.gif) no-repeat center 25px;
	margin: 0;
	padding: 0;
	height: 135px;
}
h1{
	color: #6D685F;
	margin-top: 1em;
	font: normal normal 1.9em/30px Georgia, "Times New Roman", Times, serif;
}



h1 a{
	color: #6D685F;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}


h1 a:hover{
	background: #30447E;
	color: #fff;

 
}

h2{
	color: #882222;
	margin-top: 1em;
	margin-bottom: .5em;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
}
h2 a
 {
color: #882222;
	font-weight: normal;
	font-style: normal;
}

h2 a:hover{
	color: #30447E;

}

  h2.category_heading{
	font-size: 200%;
}


h4.header a{
	color: #4a4a4a;
	margin: 0;
	border-bottom: 1px solid #b3b3b3;
	width: 100%;
}
#member_drop_down h2{
	color: #000;
}

h3{
	
	color: #882222;
	margin-top: 1em;
	margin-bottom: .5em;
	font: normal 1.1em Georgia, "Times New Roman", Times, serif;
}

h3 a {
	color: #882222;
	font-weight: normal;
}

h3 a:hover{
	
	color: #30447E;


}

#content_right h4
{
	color: #000;
	margin-bottom: .25em;
	font: bold 1.2em/1 Georgia, "Times New Roman", Times, serif;
}

#content_right h4 a{
	
}

h4.news{
	/*background: url(/images/button_news.gif) no-repeat center top;*/
	display: block;
	width: 334px;
	height: 25px;
	text-indent: -9000em;
	text-align: center;
}

h4.calendar{
	/*background: url(/images/button_cal.gif) no-repeat center top;*/
	display: block;
	width: 334px;
	height: 25px;
	text-indent: -9000em;
	text-align: center;
}
h4.blog{
	/*background: url(/images/button_blog.gif) no-repeat center top;*/
	display: block;
	width: 334px;
	height: 25px;
	text-indent: -9000em;
	text-align: center;
}

h5{
	margin-top: 2em;
	margin-bottom: .75em;
}


#tag_cloud h4{
	color: #000;
}


.post_footer_archive h5{
	color: #f9f9f9;
}

h6 {
	margin: .5em;
	padding: 0;
	color: #4c4c4c;
}
h6 a{
	color: #333;
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group Calendar */

th, td {
	padding: .4em;
}

.calendarBG {
 background-color: #000;
	border: 1px solid #756e56;
	width: 180px;
	text-align: center;
	font-size: .9em;
}

.calendarBlank { 
 background-color: #f9f9f9;
 color: #ccc;
}

.calendarHeader { 
 color: #000; 
 text-align: center;
 background-color: #45598E; 
}

.calendarHeader a{
	color: #fff;
}
.calendarHeader a:hover{
	color: #000;
}

tr.calendarHeader th {
	background: #45598E;
}

.calendarMonthLinks {
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 color: #333; 
 background-color: #E2E2C8; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #fff;
 background-color: #271C16;
}

.calendarCell {
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}



/* @end */
/* @group Buttons
================================================== */
	
	a.button, 
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: 21px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
	  
	a.button:hover, 
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #eee; /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }
	  
  a.button:active, 
  button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
    background: #eee; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */
    border: 1px solid #888;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa; }
	
	.button.full-width, 
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width { 
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }
	
	
/* #Tabs (activate in app.js)
================================================== */
	ul.tabs { 
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li { 
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a { 
		display: block; 
		text-decoration: none;
		width: auto; 
		height: 29px; 
		padding: 0px 20px; 
		line-height: 30px; 
		border: solid 1px #ddd;
		border-width: 1px 0 0 1px; 
		margin: 0;  
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active { 
		background: #fff; 
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-right-width: 1px;
		margin: 0 -1px 0 0;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a {
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	
	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }
		
	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }
			
			
/* #Forms
================================================== */

	form { 
		margin-bottom: 20px; }
	fieldset { 
		margin-bottom: 20px; }
	input[type="text"], 
	input[type="password"],
	input[type="email"],
	textarea, 
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select { 
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus, 
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend { 
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select { 
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

.box_light {padding:.75em;margin-bottom:1.5em;background:#f7f7f7;

box-shadow:			0px 0px 15px #ccc;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 	0px 0px 10px rgba(0, 0, 0, 0.45);


}