/* CSS3 Buttons for Self Service */
.button{
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	height:38px;
	vertical-align:middle;
	text-align:center;
	padding:0em auto;
	margin:0em auto;
    white-space: nowrap;
    cursor:pointer;
    -webkit-border-radius: .4em; -moz-border-radius: .4em; -ms-border-radius: .4em; -o-border-radius: .4em;
    border-radius: .4em;
    behavior:url(/content/js/PIE.htc);
}
.button a{
	font-size: 1em;
	color: #fff ;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    display: block;
	padding: 0.5em 1.5em;
}
.button a:hover{ 
	text-decoration:none; 
}

input.button{height:40px;}
a.button{margin:0em .3em 1em 0em;}

input#Continue{
	margin-bottom: 1%;
}

.btnSubmit{
	font-size:1.1em;
	border: .1em solid #ea6702;
	background-color: #ff9000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb500), to(#ff6c00));
	background-image: -webkit-linear-gradient(top, #ffb500, #ff6c00);
	background-image: -moz-linear-gradient(top, #ffb500, #ff6c00);
	background-image: -ms-linear-gradient(top, #ffb500, #ff6c00);
	background-image: -o-linear-gradient(top, #ffb500, #ff6c00);
	background-image: linear-gradient(top, #ffb500, #ff6c00);
	-webkit-box-shadow: inset 0 .1em 0 0 #ffd53c;
	-moz-box-shadow: inset 0 .1em 0 0 #ffd53c;
	-ms-box-shadow: inset 0 .1em 0 0 #ffd53c;
	-o-box-shadow: inset 0 .1em 0 0 #ffd53c;
	box-shadow: inset 0 .1em 0 0 #ffd53c;
}
.btnSubmit:hover{
	border: .1em solid #d85c02;
	background-color: #ea8400;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb500), to(#d85c02));
	background-image: -webkit-linear-gradient(top, #ffb500, #d85c02);
	background-image: -moz-linear-gradient(top, #ffb500, #d85c02);
	background-image: -ms-linear-gradient(top, #ffb500, #d85c02);
	background-image: -o-linear-gradient(top, #ffb500, #d85c02);
	background-image: linear-gradient(top, #ffb500, #d85c02);
}

.green{	
	font-size:1.1em;
	border: .1em solid #077b22;
	background-color: #24981e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8cc63f), to(#077b22));
	background-image: -webkit-linear-gradient(top, #8cc63f, #077b22);
	background-image: -moz-linear-gradient(top, #8cc63f, #077b22);
	background-image: -ms-linear-gradient(top, #8cc63f, #077b22);
	background-image: -o-linear-gradient(top, #8cc63f, #077b22);
	background-image: linear-gradient(top, #8cc63f, #077b22);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8cc63f', EndColorStr='#077b22'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8cc63f', EndColorStr='#077b22')"; /* IE8,IE9 */
	-webkit-box-shadow: inset 0 .1em 0 0 #aeeb5e;
	-moz-box-shadow: inset 0 .1em 0 0 #aeeb5e;
	-ms-box-shadow: inset 0 .1em 0 0 #aeeb5e;
	-o-box-shadow: inset 0 .1em 0 0 #aeeb5e;
	box-shadow: inset 0 .1em 0 0 #aeeb5e;
}
.green:hover{
	border: .1em solid #08661c;
	background-color: #1d7d19;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6ab337), to(#08661c));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #6ab337, #08661c);
	background-image: -moz-linear-gradient(top, #6ab337, #08661c);
	background-image: -ms-linear-gradient(top, #6ab337, #08661c);
	background-image: -o-linear-gradient(top, #6ab337, #08661c);
	background-image: linear-gradient(top, #6ab337, #08661c);
	-webkit-box-shadow: inset 0 .1em 0 0 #aeeb5e;
	-moz-box-shadow: inset 0 .1em 0 0 #aeeb5e;
	-ms-box-shadow: inset 0 .1em 0 0 #aeeb5e;
	-o-box-shadow: inset 0 .1em 0 0 #aeeb5e;
	box-shadow: inset 0 .1em 0 0 #aeeb5e;
}

.btnSecondary{
	border: 1px solid #696969;
	background-color: #959595;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#ff6c00));
	background-image: -webkit-linear-gradient(top, #bbbbbb, #696969);
	background-image: -moz-linear-gradient(top, #bbbbbb, #696969);
	background-image: -ms-linear-gradient(top, #bbbbbb, #696969);
	background-image: -o-linear-gradient(top, #bbbbbb, #696969);
	background-image: linear-gradient(top, #bbbbbb, #696969);
	-webkit-box-shadow: inset 0 1px 0 0 #cecece;
	-moz-box-shadow: inset 0 1px 0 0 #cecece;
	-ms-box-shadow: inset 0 1px 0 0 #cecece;
	-o-box-shadow: inset 0 1px 0 0 #cecece;
	box-shadow: inset 0 1px 0 0 #cecece;
}
.btnSecondary:hover{
	border: 1px solid #545353;
	background-color: #959595;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#545353));
	background-image: -webkit-linear-gradient(top, #adadad, #545353);
	background-image: -moz-linear-gradient(top, #adadad, #545353);
	background-image: -ms-linear-gradient(top, #adadad, #545353);
	background-image: -o-linear-gradient(top, #adadad, #545353);
	background-image: linear-gradient(top, #adadad, #545353);
}

.btnDisabled{
    cursor:default;
    background-color:rgba(255, 255, 255, 0.5);
    border: .1em solid #ccc;
    color:#ccc;
}
.btnDisabled a{
    color:#ccc;
    text-decoration:none; 
}

.btnTxt{
	margin:auto;
	position:relative;
    width:110px;
    display:inline-block;
}
.btnTxt a{
	color:#00853F;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	display:block;
	padding:0 auto;
}
.btnTxt a:hover{ 
	text-decoration:none; 
}

/* .btnRefresh {
	width: 43px;
	height: 43px;
	background: url(/static/images/global_sprite_2.png) 0 0;
}

.btnRefesh:hover{
	-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc;
}
 */
#refreshBtn{
	float:right;
	/* width:30px;
	height:36px; */
	width:32px;
	height:38px;
	text-decoration:none;
	display:block;
	background-image:url(../images/global_sprite_2.png);
	/*background-position:-72px -163px;*/
	/* background-position:-91px -173px; */
	background-position:-91px -173px;
}

/* #refreshBtn:hover{
	cursor:pointer;
	background-position:-92px -174px;
}

#refreshBtnText:hover{
	cursor: pointer;
	font-weight:bold;
}
 */
 
 #refreshButtonDiv:hover #refreshBtn{
	cursor:pointer;
	background-position:-90px -172px; 
} 
 
#refreshButtonDiv:hover #refreshBtnText{
	cursor: pointer;
	font-weight:bold;
} 
 
/* #refreshBtn:active{
	cursor:pointer;
	background-position:-72px -163px;
} */

#refresh:active{
	 position: relative;
    top: 1px;
}
/* used to make buttons look disabled */
.disabled{
	border: 1px solid #999;
	background-color: #cccccc;
	box-shadow: none;
	margin-right:8px;
}
.disabled a{text-decoration:none; }

.width80{width:80px;}
.width90{width:90px;}
.width100{width:100px;}
.width110{width:110px;}
.width120{width:120px;}
.width130{width:130px;}
.width140{width:140px;}
.width150{width:150px;}
.width160{width:160px;}
.width170{width:170px;}
.width180{width:180px;}
.width190{width:190px;}
.width200{width:200px;}
.width210{width:21px;}
.width220{width:220px;}
.width230{width:230px;}

@media (min-width: 769px) {
    .vmButton{margin-left:.5em;}
}
@media (max-width: 768px) {
    .button {margin-bottom:.5em;margin-top: .5em;}
    .vmButton{margin:.5em;}
	hr{margin-top: 0px ;
    margin-bottom: 8px ;
    border: 0;
    border-top: 1px solid #ccc;}
}

.ctlButton, a.ctlButton, input.ctlButton {
	display: inline-block;
    padding: 6px 15px;
    width: auto;
    margin: 10px auto 0;
	line-height: normal;
}