touch(): Utime failed: Operation not permitted [2] (/home/bruce/workspace/valueyourvote.org.nz/lib/classes/page.php line 87)/*************************************************************
**              LIB.CSS                                     **
*************************************************************/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}/*************************************************************
**              template.CSS                                **
*************************************************************/
/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.main{display:table-cell;*display:block;width:auto;}
.body,.main{*zoom:1;}
.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.page{margin:0 auto;width:950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{width:auto;margin:0 auto; max-width: 1250px;}
/* ====== Columns ====== */
.leftCol{float:left;width:250px;_margin-right:-3px;}
.rightCol{float:right;width:300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
/* ====== media (requires mod.css) ====== */
.media{margin: 10px;}
.media:after, .bd:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.media .bd{display:table-cell; zoom:1;}
.media .bd > :first-child{margin-top:0;}
.media .bd > :last-child{margin-bottom:0;}
.media .img{float:left;/*margin-right: 10px;*/}
.media .img img{display:block;}
.media .imgExt{float:right; /*margin-left: 10px;*/}
/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:10px;}
.mod .inner{/*background: url(skin/transparent.png) repeat left top;*/}
.bd,.ft, .hd{display: inline-block; width:100%; *display:block; *width:auto; zoom:1;}
.inner:after,.hd:after,.bd:after,.ft:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;}
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{float:right;margin-right:-10px;_display:inline;/fix double margin bug/}/** 
 * Spacing classes 
 * Should be used to modify the default spacing between objects (not between nodes of the same object)
 * Please use judiciously. You want to be using defaults most of the time, these are exceptions! 
 * <type><location><size>
 */
 /* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote, .media {margin:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
 
/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/

.ptn,.pvn,.pan{padding-top:0px}
.pts,.pvs,.pas{padding-top:5px}
.ptm,.pvm,.pam{padding-top:10px}
.ptl,.pvl,.pal{padding-top:20px}
.prn,.phn,.pan{padding-right:0px}
.prs,.phs,.pas{padding-right:5px}
.prm,.phm,.pam{padding-right:10px}
.prl,.phl,.pal{padding-right:20px}
.pbn,.pvn,.pan{padding-bottom:0px}  
.pbs,.pvs,.pas{padding-bottom:5px}
.pbm,.pvm,.pam{padding-bottom:10px}
.pbl,.pvl,.pal{padding-bottom:20px}
.pln,.phn,.pan{padding-left:0px}
.pls,.phs,.pas{padding-left:5px}
.plm,.phm,.pam{padding-left:10px}
.pll,.phl,.pal{padding-left:20px}
.mtn,.mvn,.man{margin-top:0px}
.mts,.mvs,.mas{margin-top:5px}
.mtm,.mvm,.mam{margin-top:10px}
.mtl,.mvl,.mal{margin-top:20px}
.mrn,.mhn,.man{margin-right:0px}
.mrs,.mhs,.mas{margin-right:5px}
.mrm,.mhm,.mam{margin-right:10px}
.mrl,.mhl,.mal{margin-right:20px}
.mbn,.mvn,.man{margin-bottom:0px}  
.mbs,.mvs,.mas{margin-bottom:5px}
.mbm,.mvm,.mam{margin-bottom:10px}
.mbl,.mvl,.mal{margin-bottom:20px}
.mln,.mhn,.man{margin-left:0px}
.mls,.mhs,.mas{margin-left:5px}
.mlm,.mhm,.mam{margin-left:10px}
.mll,.mhl,.mal{margin-left:20px}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#AE0345;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:112%; font-weight:bold; font-style: normal; color:#444;}
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}
/*************************************************************
**              plugins/talk/talk.CSS                       **
*************************************************************/
/* **************** TALK BUBBLE ***************** */
.bubble{overflow:hidden;_overflow:visible;_zoom:1;margin:10px;}
.bubble b b{position:absolute;height:0;width:0;border: solid 7px transparent;_border: 7px solid #fff /* set color to match background color for IE6 */;}
.bubble .bottom{visibility:hidden;}
/* top bubbles */
.bubbleTop .inner{margin-top:7px;}
.bubbleTop b b{top:0;left:10px;border-top-style:none;}
/* left bubbles */
.bubbleLeft .inner{margin-left:7px;}
.bubbleLeft b b{top:10px;left:0;border-left-style:none;}
/* right bubbles */
.bubbleRight .inner{margin-right:7px;}
.bubbleRight b b{top:10px;right:0;border-right-style:none;}
/* bottom bubbles */
.bubbleBottom .inner{margin-bottom:7px;}
.bubbleBottom b b{bottom:0;left:145px;border-bottom-style:none;}
.bubbleBottom .bottom{visibility:visible;}
/* extensions (swaps alignment of talk bubble) */
.bubbleHorizontalExt b b{top:auto; bottom:10px;visibility:visible;} /* apply to bubbleLeft or bubbleRight */
.bubbleVerticalExt b b{right:10px;left:auto;} /* apply to bubbleTop or bubbleBottom */

.discuss .inner{
  background-color:#1C1C1C;
  background-color: hsla(268, 1%, 11%, 0.92);
 color: #fff;
 border-radius: 5px;
}
.bubbleBottom.discuss b b{ /* extends bubbleBottom */
  border-top-color:#1C1C1C;
  border-top-color: hsla(268, 1%, 11%, 0.72);
}
.bubbleLeft.discuss b b{ /* extends bubbleLeft */
  border-right-color:#1C1C1C;
  border-right-color: hsla(268, 1%, 11%, 0.72);
}
/* hilights *
 *
 * colours sourced from party websites and then a "good enough" match
 * was found using 0to255.com
 *
 * rules..
 * .odd lightest colour possible (pretty much)
 * .even two or three shades deeper
 * .highlight three of four deeper still
 *  */

a { font-weight: bold; color: #444;}

.js .jshide { display: none; }

.head { margin: 0 0 5px;}


.even { background: #f1f1f1; }
.odd { background: #e1e1e1; }

.odd a,
.even a
 { color: #444; }

 .highlight  { background: #d1d1d1; }
/* national - #203c7b */
.national.even { background: #dfebf5; }
.national.odd { background: #f9f9f5; }

/* styles for homepage */
.odd .national { background: #274996; }
.even .national { background: #203c7b; }

.national .highlight  { background: #c5dbed; }

.national.odd a,
.national.even a { color: #0000ff; }

/* labour :: from website #C00 */
.labour.even { background: #fcc; }
.labour.odd { background: #fee; }
.labour .highlight  { background: #f88; }

.labour.odd a,
.labour.even a { color: #ff0000; }
.labour .highlight a { color: #fff; }

.odd .labour { background: #e00; }
.even .labour { background: #C00; }

/* green :: from website #A3CD39 */
.green.even { background: #e8f3ce; }
.green.odd { background: #fbfdf7; }
.green .highlight  { background: #cfe598; }

.green.odd a,
.green.even a
 { color: #444; }

.odd .green { background: #b6d762;}
.even .green { background: #A3CD39;}

/* act :: from website #ffd301 */
.act.even { background: #fff6cd; }
.act.odd { background: #fffcef; }
.act .highlight  { background: #ffed9a; }

.act.odd a,
.act.even a
 { color: #444; }

.odd .act { background: #ffdf45;}
.even .act { background: #ffd301;}

/* conservative :: from website #00A3E4 */
.conservative-party.even { background: #a0e4ff; }
.conservative-party.odd { background: #b1e9ff; }
.conservative-party .highlight  { background: #7edaff; }

.conservative-party.odd a,
.conservative-party.even a
 { color: #444; }

.odd .conservative-party { background: #4bccff;}
.even .conservative-party { background: #29c2ff;}

/* maori party :: from website #1a1a1a */
.maori-party.even { background: #e6e6e6; }
.maori-party.odd { background: #f7f7f7; }
.maori-party .highlight  { background: #ccc; }

.maori-party.odd a,
.maori-party.even a
 { color: #444; }

.odd .maori-party { background: #3c3c3c ;}
.even .maori-party { background: #1a1a1a ;}

/* united-future :: from website #4D1554 */
.united-future.even { background: #f2d8f5; }
.united-future.odd { background: #fbf3fc; }
.united-future .highlight  { background: #e5b0eb; }

.united-future.odd a,
.united-future.even a
 { color: #444; }

.odd .united-future { background: #661c6f ;}
.even .united-future { background: #4D1554 ;}

.odd .new-zealand-first { background: #191919 ;}
.even .new-zealand-first { background: #000 ;}

.new-zealand-first.odd { background: #e6e6e6; }
.new-zealand-first.even { background: #f7f7f7; }

strong { font-weight: bold; }

.block {
margin: 5px 5px 10px 0;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.block p {
font-size: .8em;
}

#bubble {
position: absolute;
width: 300px;
}
#bubbleX {
position: absolute;
width: 300px;
}
input {
border: 1px solid #666;
width: 80%;
}

.foot {
 padding: 50px 0 0;

}

.emote_no,
.emote_refused_to_answer,
.emote_yes,
.emote_maybe,
.emote_not_sure,
.emote_maybe_p,
.emote_not_sure_p,
.emote_other,
.emote_unknown {
  margin: 0 auto;
	height               : 24px;
	width                : 24px;
  background-image: url(images/emote.png) ;
  background-repeat: no-repeat;
}

.emote_no{
	background-position  : -0px -0px;
 }

.emote_refused_to_answer{
	background-position  : -0px -24px;
 }

.emote_yes{
	background-position  : -0px -72px;
 }
.emote_other{
	background-position  : -0px -120px;

 }

.emote_not_sure_p, .emote_maybe_p{
	background-position  : -0px -96px;
 }

.emote_not_sure, .emote_maybe{
	background-position  : -0px -120px;
 }
.emote_unknown {
  background-position: 100px 100px;
}

.wideemote { 
text-indent: 2em;
font-weight: bold;
}

.l { float: left; }
.ptblk { width: 4em;}

#issueul li {
  float: left;
  width: 26em;
}
#issueul li.odd,
#moralul li.odd {
  border: 1px solid #d3d3d0;
}
#issueul li.even,
#moralul li.even {
  border: 1px solid #c1cbd4;
}
#issueul .media .bd,
#moralul .media .bd { line-height: 24px; }

.iss_unknown {
  display: none;
  opacity: .6;
  background: #f1f1f1;
  border: 1px solid #c0c0c0;
}
.iss_refused_to_answer {

  background: #f5f5f5;
  border: 1px solid #c0c0c0;
}
.iss_yes {
  background: #f1ffba;
  border: 1px solid #ecdd5c;
}
.iss_no {
  background: #b1b1b1;
  border: 1px solid #9a9a9a;
}
.iss_other {
  background: #ededed;
  border: 1px solid #ababab;
}

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }

.mid { margin: 0 auto; }


.valV1,
.valV2,
.valV3,
.valV4,
.valV5,
.valV6,
.valV7,
.valV8,
.valV9,
.valV10,
.valV11,
.valV12,
.valV13,
.valV14,
.valV15,
.valV16,
.valV17,
.valV18,
.valV19 {
  width: 22px;
  height: 235px;
  background: url(images/values.png) no-repeat;
margin: 0 3px;
}
.valV30,
.valV31,
.valV32,
.valV33,
.valV34,
.valV35,
.valV36,
.valV37,
.valV38,
.valV39,
.valV40,
.valV41,
.valV42,
.valV43,
.valV44,
.valV45,
.valV46,
.valV47,
.valV48,
.valV49,
.valV50,
.valV51,
.valV52,
.valV53,
.valV54,
.valV55,
.valV56,
.valV57,
.valV58,
.valV59 {
  width: 22px;
  height: 270px;
  background: url(images/morals.png) no-repeat;

margin: 0 3px;
}

.valV1 { background-position: 5px 3px; }
.valV2 { background-position: -15px 3px; }
.valV3 { background-position: -37px 3px; }
.valV4 { background-position: -58px 3px; }
.valV5 { background-position: -80px 3px; }
.valV6 { background-position: -101px 3px; }
.valV7 { background-position: -123px 3px; }
.valV8 { background-position: -144px 3px; }
.valV9 { background-position: -166px 3px; }
.valV10 { background-position: -188px 3px; }
.valV11 { background-position: -209px 3px; }
.valV12 { background-position: -229px 3px; }
.valV13 { background-position: -251px 3px; }
.valV14 { background-position: -272px 3px; }
.valV15 { background-position: -294px 3px; }
.valV16 { background-position: -316px 3px; }
.valV17 { background-position: -338px 3px; }
.valV18 { background-position: -360px 3px; }
.valV19 { background-position: -382px 3px; }

.valV30 { background-position: 2px -34px; }
.valV31 { background-position: 2px -34px; }
.valV32 { background-position: -42px -34px; }
.valV33 { background-position: -62px -34px; }
.valV34 { background-position: -84px -34px; }
.valV35 { background-position: -105px -34px; }
.valV36 { background-position: -126px -34px; } /* abortion */
.valV37 { background-position: -147px -34px; }
.valV38 { background-position: -170px -34px; }
.valV39 { background-position: -192px -34px; } /* sex ed */
.valV40 { background-position: -213px -34px; }
.valV41 { background-position: -234px -34px; }
.valV42 { background-position: -255px -34px; } /* adoption */
.valV43 { background-position: -276px -34px; }
.valV44 { background-position: -299px -34px; }
.valV45 { background-position: -320px -34px; } /* prositituion 1 */
.valV46 { background-position: -341px -34px; }
.valV47 { background-position: -362px -34px; }
.valV48 { background-position: -384px -34px; } /* boardcasting stand */
.valV49 { background-position: -405px -34px; }
.valV50 { background-position: -426px -34px; }
.valV51 { background-position: -447px -34px; }
.valV52 { background-position: -470px -34px; } /* drinking age */
.valV53 { background-position: -491px -34px; }
.valV54 { background-position: -512px -34px; }
.valV55 { background-position: -533px -34px; } /* easter trading */
.valV56 { background-position: -556px -34px; }
.valV57 { background-position: -577px -34px; }
.valV58 { background-position: -599px -34px; }
.valV59 { background-position: -620px -34px; } /* referenda */

.c { width: 30px; }
.c .l { margin-left: 3px; }
.r { padding-left: 3px; }

.mid { text-align: center; }

.js .qlink { cursor: default; }

.minirating, .rating { color: #444; font-weight:bold;}
.rating { font-size: 2.5em; text-align: center; padding: .5em 0; }



/*****
 * BUTTTONS
 *
 *
 * Thanks twitter
 * https://github.com/twitter/bootstrap/
 */
.btn.danger,
.alert-message.danger,
.btn.danger:hover,
.alert-message.danger:hover,
.btn.error,
.alert-message.error,
.btn.error:hover,
.alert-message.error:hover,
.btn.success,
.alert-message.success,
.btn.success:hover,
.alert-message.success:hover,
.btn.info,
.alert-message.info,
.btn.info:hover,
.alert-message.info:hover {
  color: #ffffff;
}
.btn.danger,
.alert-message.danger,
.btn.error,
.alert-message.error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.success, .alert-message.success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.info, .alert-message.info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn {
  display: inline-block;
  text-decoration: none;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -moz-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  padding: 4px 14px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}
.primary {
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #004b9a;
  border-bottom-color: #003f81;
}
.primary:hover {
  color: #fff;
}
.btn {
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
.btn.primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.primary:hover {
  color: #fff;
}
.btn.large {
  font-size: 16px;
  line-height: 28px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn.small {
  padding-right: 9px;
  padding-left: 9px;
  font-size: 11px;
}
.btn.disabled {
  background-image: none;
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn:disabled {
  background-image: none;
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn:disabled.primary {
  color: #fff;
}
.btn:active {
  -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}



/**
* form styles... thanks twitter
*/
label,
input,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
background: #fff;
}
input[type=text],
input[type=password],
select,
textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=text],
input[type=password],
textarea,
select,
.uneditable-input {
  display: inline-block;

  padding: 4px;
  font-size: 13px;
  /*line-height: 26px;
  height: 26px;*/
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/** nice tables **/
table.zebra-striped {
  width: 100%;
  margin-bottom: 18px;
  padding: 0;
  border-collapse: separate;
  font-size: 13px;
}
table.zebra-striped th, table.zebra-striped td {
  padding: 10px 10px 9px;
  line-height: 13.5px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}
table.zebra-striped th {
  padding-top: 9px;
  font-weight: bold;
  border-bottom-width: 2px;
}
.zebra-striped tbody tr:nth-child(odd) td {
  background-color: #f9f9f9;
}
.zebra-striped tbody tr:hover td {
  background-color: #f5f5f5;
}

em { font-style: italic; }