@charset "UTF-8";
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding:5px 30px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(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(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -pie-background: linear-gradient(top, #ffffff, #e6e6e6);
}
.btn:hover{
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -ms-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: linear-gradient(top, #e6e6e6, #ffffff);
  -pie-background: linear-gradient(top, #e6e6e6, #ffffff);
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  /*background-position: 0 -15px;*/
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-pink{
	background-color:#FF3467;
	background-image:-moz-linear-gradient(top, #FF7486, #FF3467);
	background-image:-ms-linear-gradient(top, #FF7486, #FF3467);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#FF7486), to(#FF3467));
	background-image:-webkit-linear-gradient(top, #FF7486, #FF3467);
	background-image:-o-linear-gradient(top, #FF7486, #FF3467);
	background-image:linear-gradient(top, #FF7486, #FF3467);
	background-repeat:repeat-x;
	border:2px solid #FFF;
	*background-color:#FF3467;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	*border:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-shadow:none;
	color:#FFF;
	font-weight:bold;
	-webkit-box-shadow: 0px 1px 4px #777;
	-moz-box-shadow: 0px 1px 4px #777;
	box-shadow: 0px 1px 4px #777;
	-pie-background: linear-gradient(top, #FF7486, #FF3467);
}

.btn-pink:hover{
	background-color:#FF7486;
	background-image:-moz-linear-gradient(top, #FF3467, #FF7486);
	background-image:-ms-linear-gradient(top, #FF3467, #FF7486);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#FF3467), to(#FF7486));
	background-image:-webkit-linear-gradient(top, #FF3467, #FF7486);
	background-image:-o-linear-gradient(top, #FF3467, #FF7486);
	background-image:linear-gradient(top, #FF3467, #FF7486);
	-pie-background: linear-gradient(top, #FF3467, #FF7486);
	color:#FFF;
}

.btn-pink:active,.btn-pink.active{
	background-color:#FF3467 \9;
}

.btn-blue{
	background-color:#09C;
	background-image:-moz-linear-gradient(top, #0CF, #09C);
	background-image:-ms-linear-gradient(top, #0CF, #09C);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0CF), to(#09C));
	background-image:-webkit-linear-gradient(top, #0CF, #09C);
	background-image:-o-linear-gradient(top, #0CF, #09C);
	background-image:linear-gradient(top, #0CF, #09C);
	background-repeat:repeat-x;
	border:2px solid #FFF;
	*background-color:#09C;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	*border:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-shadow:none;
	color:#FFF;
	font-weight:bold;
	-webkit-box-shadow: 0px 1px 4px #777;
	-moz-box-shadow: 0px 1px 4px #777;
	box-shadow: 0px 1px 4px #777;
	-pie-background: linear-gradient(top, #0CF, #09C);
}

.btn-blue:hover{
	background-color:#0CF;
	background-image:-moz-linear-gradient(top, #09C, #0CF);
	background-image:-ms-linear-gradient(top, #09C, #0CF);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#09C), to(#0CF));
	background-image:-webkit-linear-gradient(top, #09C, #0CF);
	background-image:-o-linear-gradient(top, #09C, #0CF);
	background-image:linear-gradient(top, #09C, #0CF);
	-pie-background: linear-gradient(top, #09C, #0CF);
	color:#FFF;
}

.btn-blue:active,.btn-blue.active{
	background-color:#09C \9;
}

.btn-red{
	background-color:#C00;
	background-image:-moz-linear-gradient(top, #F00, #C00);
	background-image:-ms-linear-gradient(top, #F00, #C00);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#F00), to(#C00));
	background-image:-webkit-linear-gradient(top, #F00, #C00);
	background-image:-o-linear-gradient(top, #F00, #C00);
	background-image:linear-gradient(top, #F00, #C00);
	background-repeat:repeat-x;
	border:2px solid #FFF;
	*background-color:#C00;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	*border:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-shadow:none;
	color:#FFF;
	font-weight:bold;
	-webkit-box-shadow: 0px 1px 4px #777;
	-moz-box-shadow: 0px 1px 4px #777;
	box-shadow: 0px 1px 4px #777;
	-pie-background: linear-gradient(top, #F00, #C00);
}

.btn-red:hover{
	color:#FFF;
	background-color:#C00;
	background-image:-moz-linear-gradient(top, #C00, #F00);
	background-image:-ms-linear-gradient(top, #C00, #F00);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#C00), to(#F00));
	background-image:-webkit-linear-gradient(top, #C00, #F00);
	background-image:-o-linear-gradient(top, #C00, #F00);
	background-image:linear-gradient(top, #C00, #F00);
	-pie-background: linear-gradient(top, #C00, #F00);
}

.btn-green{
	background-color:#33B103;
	background-image:-moz-linear-gradient(top, #8EEE29, #33B103);
	background-image:-ms-linear-gradient(top, #8EEE29, #33B103);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#8EEE29), to(#33B103));
	background-image:-webkit-linear-gradient(top, #8EEE29, #33B103);
	background-image:-o-linear-gradient(top, #8EEE29, #33B103);
	background-image:linear-gradient(top, #8EEE29, #33B103);
	background-repeat:repeat-x;
	border:2px solid #FFF;
	*background-color:#33B103;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	*border:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-shadow:none;
	color:#FFF;
	font-weight:bold;
	-webkit-box-shadow: 0px 1px 4px #777;
	-moz-box-shadow: 0px 1px 4px #777;
	box-shadow: 0px 1px 4px #777;
	-pie-background: linear-gradient(top, #8EEE29, #33B103);
}

.btn-green:hover{
	color:#FFF;
	background-color:#8EEE29;
	background-image:-moz-linear-gradient(top, #33B103, #8EEE29);
	background-image:-ms-linear-gradient(top, #33B103, #8EEE29);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#33B103), to(#8EEE29));
	background-image:-webkit-linear-gradient(top, #33B103, #8EEE29);
	background-image:-o-linear-gradient(top, #33B103, #8EEE29);
	background-image:linear-gradient(top, #33B103, #8EEE29);
	-pie-background: linear-gradient(top, #33B103, #8EEE29);
}

.btn-green:active,.btn-green.active{
	background-color:#33B103 \9;
}

.btn-yellow{
	background-color:#F90;
	background-image:-moz-linear-gradient(top, #FC0, #F90);
	background-image:-ms-linear-gradient(top, #FC0, #F90);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#FC0), to(#F90));
	background-image:-webkit-linear-gradient(top, #FC0, #F90);
	background-image:-o-linear-gradient(top, #FC0, #F90);
	background-image:linear-gradient(top, #FC0, #F90);
	background-repeat:repeat-x;
	border:2px solid #FFF;
	*background-color:#F90;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	*border:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-shadow:none;
	color:#000;
	font-weight:bold;
	-webkit-box-shadow: 0px 1px 4px #777;
	-moz-box-shadow: 0px 1px 4px #777;
	box-shadow: 0px 1px 4px #777;
	-pie-background: linear-gradient(top, #FC0, #F90);
}

.btn-yellow:hover,.btn-yellow:active,.btn-yellow.active,.btn-yellow.disabled,.btn-yellow[disabled]{
	background-color:#F90;
	*background-color:#F90;
	color:#000;
}

.btn-yellow:active,.btn-yellow.active{
	background-color:#F90 \9;
}

.btn-orange{
	background-color:#F60;
	background-image:-moz-linear-gradient(top, #F90, #F60);
	background-image:-ms-linear-gradient(top, #F90, #F60);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#F90), to(#F60));
	background-image:-webkit-linear-gradient(top, #F90, #F60);
	background-image:-o-linear-gradient(top, #F90, #F60);
	background-image:linear-gradient(top, #F90, #F60);
	background-repeat:repeat-x;
	border:2px solid #FFF;
	*background-color:#F60;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	*border:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-shadow:none;
	color:#FFF;
	font-weight:bold;
	-webkit-box-shadow: 0px 1px 4px #777;
	-moz-box-shadow: 0px 1px 4px #777;
	box-shadow: 0px 1px 4px #777;
	-pie-background: linear-gradient(top, #F90, #F60);
	position:relative;
}

.btn-orange:hover{
	background-color:#F90;
	background-image:-moz-linear-gradient(top, #F60, #F90);
	background-image:-ms-linear-gradient(top, #F60, #F90);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#F60), to(#F90));
	background-image:-webkit-linear-gradient(top, #F60, #F90);
	background-image:-o-linear-gradient(top, #F60, #F90);
	background-image:linear-gradient(top, #F60, #F90);
	-pie-background: linear-gradient(top, #F60, #F90);
	color:#FFF;
	position:relative;
}

.btn-orange:active,.btn-orange.active{
	background-color:#F60 \9;
	position:relative;
}

.btn-gray{
	background-color:#888;
	background-image:-moz-linear-gradient(top, #AAA, #888);
	background-image:-ms-linear-gradient(top, #AAA, #888);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#AAA), to(#888));
	background-image:-webkit-linear-gradient(top, #AAA, #888);
	background-image:-o-linear-gradient(top, #AAA, #888);
	background-image:linear-gradient(top, #AAA, #888);
	background-repeat:repeat-x;
	border:2px solid #FFF;
	*background-color:#888;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	*border:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-shadow:none;
	color:#FFF;
	font-weight:bold;
	-webkit-box-shadow: 0px 1px 4px #777;
	-moz-box-shadow: 0px 1px 4px #777;
	box-shadow: 0px 1px 4px #777;
	-pie-background: linear-gradient(top, #AAA, #888);
}

.btn-gray:hover{
	color:#FFF;
	background-color:#AAA;
	background-image:-moz-linear-gradient(top, #888, #AAA);
	background-image:-ms-linear-gradient(top, #888, #AAA);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#888), to(#AAA));
	background-image:-webkit-linear-gradient(top, #888, #AAA);
	background-image:-o-linear-gradient(top, #888, #AAA);
	background-image:linear-gradient(top, #888, #AAA);
	-pie-background: linear-gradient(top, #888, #AAA);
}

.btn-gray:active,.btn-gray.active{
	background-color:#888 \9;
}

.btn-big{
	padding:6px 30px 6px 30px;
	height:26px;
	line-height:26px;
	font-size:22px;
	font-weight:bold;
}

.btn-big span.btn-big-text-small{
	font-size:12px;
	vertical-align:3px;
}

[class^="i1-"],[class*=" i1-"]{
	display:inline-block;
	width:14px;
	height:16px;
	*margin-right:.3em;
	line-height:16px;
	vertical-align:text-top;
/*
	background-image:url("/sol/pcc/images/icon-small.png");
	background-position:0 0;
	background-repeat:no-repeat;
*/
}

span.i1-arrow{background-position:0 0;}
span.i1-next{background-position:-14px 0;}
span.i1-king{background-position:-28px 0;}

[class^="i2-"],[class*=" i2-"]{
	display:inline-block;
	width:22px;
	height:26px;
	*margin-right:.3em;
	line-height:26px;
	vertical-align:text-top;
/*
	background-image:url("/sol/pcc/images/icon-big.png");
	background-position:0 0;
	background-repeat:no-repeat;
*/
}

span.i2-arrow{background-position:0 0;}
span.i2-next{background-position:-22px 0;}
span.i2-king{background-position:-44px 0;}











/* Responsive tests
------------------------- */
.responsive-utilities-test {
  margin-top: 5px;
  margin-left: 0;
  list-style: none;
  overflow: hidden; /* clear floats */
}
.responsive-utilities-test li {
  position: relative;
  float: left;
  width: 25%;
  height: 43px;
  font-size: 14px;
  font-weight: bold;
  line-height: 43px;
  color: #999;
  text-align: center;
  border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.responsive-utilities-test li + li {
  margin-left: 10px;
}
.responsive-utilities-test span {
  position: absolute;
  top:    -1px;
  left:   -1px;
  right:  -1px;
  bottom: -1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.responsive-utilities-test span {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}

.btn a {
	color:#fff;
	padding:5px;
	display:block;
}
.btn a:hover {
	text-decoration:none;
}