/*
  -----------------------
  Boxes Style
  --------------------
 */
 .color-box{
 	margin-top: 20px;
 	padding-left: 17px;
 }
 .color-box p.extra{
 	padding-top: 5px;
 }
 .color-box strong{
 	font-size: 16px;
 	padding-right: 5px;
 	font-family: CuprumFFU, "Trebuchet MS",Arial,sans-serif;
 }
 .color-box .shadow{
 	margin: 0;
 }
 .info-tab{
 	width: 36px;
     height: 50px;
 	float: left;
 	margin-left: -21px;
 	position: relative;
 	top: 6px;
 	background: url("../images/sprite/sprite.png") no-repeat;
 }
 .note-box, .warning-box, .tip-box{
 	padding: 0 15px 15px 25px;
 }
 .note-box{
 	color: #144261;
 	background: #d5e9f6;
 }
 .warning-box{
 	/** @vc - change color of warning */
 	color:  #913944; /* #913944; */
 	background:   PeachPuff ;/* #ecd2d7; */
 }
 .tip-box{
 	color: #2e5014;
 	background: #d5efc2;
 }
 .green-box, .sky-box, .gray-box, .red-box{
 	color: #000000;
 	margin-top: 15px;
 	padding: 10px;
 }
 .green-box{
 	background-color: #E9F6F5;
 	border: 1px solid #A9CAC6;
 
 }
 .sky-box{
 	background-color: #F2F7FA;
 	border: 1px solid #8FB5C0;
 }
 .gray-box{
 	background-color: #F1F1F1;
 	border: 1px solid #E4E4E4;
 }
 .red-box {
     background: #FFECEC;
     border: 1px solid #CD949A;
 }
 .alert{
 	color: #C09853;
 	background: #FCF8E3;
 	border-bottom: 4px solid #FBEACA;
 	padding: 8px 35px 8px 14px;
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 }
 .alert p{
 	padding: 0;
 }
 .alert code{
 	color: #a26c0d;
 }
 .hint{
     margin-bottom: -7px;
 }
 .tutorialbox .unordered-list-demo ul, .tutorialbox .ordered-list-demo ul{
 	padding-left: 40px;
 }
 .tutorialbox .unordered-list-demo ul{
 	list-style-type: disc; 
 }
 .tutorialbox .ordered-list-demo ul{
 	list-style-type: decimal;
 }
 .tutorialbox .unordered-list-demo ul li, .tutorialbox .ordered-list-demo ul li{
 	padding: 0;
 	background: none;
 }
 .tutorialbox .definition-list-demo dl{
 	margin-top: -4px;
 }
 .tutorialbox .definition-list-demo dt{
 	padding-top: 4px;
 }
 .tutorialbox .definition-list-demo dd{
 	margin-left: 40px;
 	padding: 4px 0 0;
 }
  /*
  -----------------------
  Icons Style
  --------------------
 */
 .sprite{
 	background: url("../images/sprite/sprite.png") no-repeat scroll 0 0 transparent;
 }
 .note-icon{
 	background-position: 0 0;
 }
 .warning-icon{
 	background-position: 0 -60px;
 }
 .tip-icon{
 	background-position: 0 -120px;
 }
  /*
  -----------------------
  Link style for Boxes
  ---------------------
 */
 .note-box code, .note-box a{
 	color: #4d85a4;
 }
 .warning-box code, .warning-box a{
 	color: #913944;
 }
 .warning-box a:hover{
 	color: #000000;
 }
 .tip-box code, .tip-box a{
 	color: #4d8721;
 }
 .tip-box a:hover{
 	color: #000000;
 }
 /*
  -------------------------
  Syntax Highlighter 
  ----------------------
 */
 .codebox-wrapper{
 	background: #f4f5f6;
 	padding: 3px;
 	margin-top: 15px;
 }
 .codebox{
 	background: #fff;
 	border: 1px solid #cacaca;
 	font-size: 12px;
 }
 .codebox-title{
 	height: 40px;
 	padding-left: 10px;
 	border-bottom: 1px solid #cacaca;
 	background: url("../images/sprite/codebox-bg.png") repeat-x scroll 0 0 #ececec;
 }
 .codebox-title h4{
 	line-height: 40px;
 	float: left;
 	display: inline;
 	font-weight: bold;
 	font-family: CuprumFFU,"Trebuchet MS",Arial,sans-serif;
 }
 a.try-btn, a.download-btn{
 	width: 130px;
 	height: 40px;
 	color: #333333;
 	font-size: 15px;
 	line-height: 38px;
 	font-weight: bold;
 	text-align: center;
 	text-decoration: none;
 	float: right;
 	display: block;
 	border-left: 1px solid #cacaca;
 	font-family: CuprumFFU, "Trebuchet MS",Arial,sans-serif;
 	background: url("../images/sprite/codebox-bg.png") repeat-x scroll 0 -40px #d7d7d7;
 }
 a.try-btn:hover, a.download-btn:hover{
 	color: #ffffff;
 	margin-left: 1px;
 	border: none;
 	outline: 1px solid #498dc1;
 	background: url("../images/sprite/codebox-bg.png") repeat-x 0 -80px #dae8f1;
 }
 a.try-btn span{
 	font-size: 16px;
 	font-family: Helvetica,Arial,sans-serif;
 }
 a.download-btn span{
 	display: inline-block;
 	padding-left: 18px;
 	background: url("../images/sprite/sprite.png") no-repeat  0 -1182px transparent;
 }
 a.download-btn:hover span{
 	background-position: 0 -1220px;
 }
 
/**
 * 	Titles h3
 */
.xclsection {
    font-size: 26px;
    line-height: 30px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    padding-bottom: .3em;
}

.xclquote {
    font-size: 18px;
    line-height: 22px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    padding-bottom: .3em;
    color: #2B81AF;
}

/**
 * 	Change active color
 */
.btn.active {
    background-color: limegreen;
}

/**
 * 	Separator for list
 */
.scoreWrapper {
    border-top:0.1em solid DeepSkyBlue;
    padding-bottom: 20px;
}

.scoreWrapperSmall {
    border-top:0.1em solid DeepSkyBlue;
    padding-bottom: 5px;
    padding-top: 5px;
}

.scoreWrapperSmallAll {
    border:0.1em solid DeepSkyBlue;
    padding-bottom: 5px;
    padding-top: 5px;
}

/**
 * 	Do not set top border
 */
.scoreWrapperSmallAllNav{
    border-left:0.1em solid DeepSkyBlue;
    border-right:0.1em solid DeepSkyBlue;
    border-bottom:0.1em solid DeepSkyBlue;
    
    padding-bottom: 5px;
    padding-top: 5px;
}
.scoreWrapperSmallOrange {
    border-top:0.1em solid LightCoral ;
    padding-bottom: 5px;
    padding-top: 5px;
}

/**
 *     Gradient for svg boxes
 */
.svgboxgrad_vert {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8ecfc+0,53cbf1+73,05abe0+100 */
    background: #b8ecfc; /* Old browsers */
    background: -moz-linear-gradient(top, #b8ecfc 0%, #53cbf1 73%, #05abe0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b8ecfc 0%,#53cbf1 73%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b8ecfc 0%,#53cbf1 73%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ecfc', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
}

.svgboxgrad_diag {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8ecfc+54,05abe0+87 */
    background: #b8ecfc; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #b8ecfc 54%, #05abe0 87%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #b8ecfc 54%,#05abe0 87%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #b8ecfc 54%,#05abe0 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8ecfc', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.svgboxgrad_diag_orange {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.svgboxgrad_diag_blue {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
    background: #b7deed; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/**
 *     Job tag show hide
 */
.jobtag_show {
    display: inline;
}

.jobtag_hide {
    display: none;
}

/**
 *  Style for Kendo UI buttons
 */
.xclprimary {
    background-color: #64a1d5;
    background-image: linear-gradient(to bottom, #64a1d5, #428bca);
    color: #fff;
    border-color: #428bca;
    min-width: 70px;
}
.xclprimary:hover {
    background-color: #428bca;
    color: #fff;
    border-color: #428bca;
}
.xclprimary.k-state-disabled, .primary.k-state-disabled:hover {
    background-color: #8dc5e1;
    color: #fff;
}

/**
 *     Nice Button
 */
.styled-button-8 {
    background: #25A6E1;
    background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
    background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
    padding:8px 13px;
    color:#fff;
    font-family:'Helvetica Neue',sans-serif;
    font-size:17px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #1A87B9
}   

.styled-button-9 {
    background: #ED8223;
    background: -moz-linear-gradient(top,#ED8223 0%,#fff389 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ED8223),color-stop(100%,#188BC0));
    background: -webkit-linear-gradient(top,#ED8223 0%,#fff389 100%);
    background: -o-linear-gradient(top,#ED8223 0%,#fff389 100%);
    background: -ms-linear-gradient(top,#ED8223 0%,#fff389 100%);
    background: linear-gradient(top,#ED8223 0%,#fff389 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ED8223',endColorstr='#fff389',GradientType=0);
    padding:8px 13px;
    color:#000;
    font-family:'Helvetica Neue',sans-serif;
    font-size:17px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #1A87B9
} 

.styled-button-7 {
    background: #25A6E1;
    background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
    background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: -ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background: linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
    padding:4px 6px;
    color:#fff;
    font-family:'Helvetica Neue',sans-serif;
    font-size:12px;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border:3px solid #f7270f
}  


.styled-button-8:hover {
  box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
} 

.styled-button-9:hover {
  box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
} 

.styled-button-7:hover {
  box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
} 


/**
 * Button for cancel -> Yellow from #25A6E1
 */ 
 
 .styled-button-cancel {
    background: #FFFC8A;
    background: -moz-linear-gradient(top,#FFFC8A 0%,#FFBC6F 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
    background: -webkit-linear-gradient(top,#FFFC8A 0%,#FFBC6F 100%);
    background: -o-linear-gradient(top,#FFFC8A 0%,#FFBC6F 100%);
    background: -ms-linear-gradient(top,#FFFC8A 0%,#FFBC6F 100%);
    background: linear-gradient(top,#FFFC8A 0%,#FFBC6F 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFFC8A',endColorstr='#FFBC6F',GradientType=0);
    padding:8px 13px;
    color:#000000;
    font-family:'Helvetica Neue',sans-serif;
    font-size:17px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #FF6834
}   
     
.styled-button-cancel:hover {
  box-shadow: inset 0 0 0 1px #E8BC23, 0 5px 15px #AD8C1A;
} 
    
/**
 *     Nice button
 */
.gradient button {
  color: #fff;
  text-shadow: -2px 2px #346392;
  background-color: #ff9664;
  background-image: linear-gradient(top, #6496c8, #346392);
  box-shadow: inset 0 0 0 1px #27496d;
  border: none;
  border-radius: 15px;
}

.gradient button:hover,
section.gradient button.hover {
  box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
}

.gradient button:active,
.gradient button.active {
  box-shadow: inset 0 0 0 1px #27496d,inset 0 5px 30px #193047;
}

/**
 *     Text shadow 3D for Decide Better
 */
.div_text_shadow
{
    color: rgb(255, 255, 255);
    font-size: 20px;
    /* background-color: rgb(85, 147, 194);*/
    text-shadow: rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 6px 1px, rgba(0, 0, 0, 0.1) 0px 0px 5px, rgba(0, 0, 0, 0.3) 0px 1px 3px, rgba(0, 0, 0, 0.15) 0px 3px 5px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.1) 0px 20px 20px;
}

.div_textshadow
{
    font-size: 16px;
    color:#d9d9d9;
    /*background-color:#bababa;*/
    text-shadow:#2e2e2e 0 4px 5px;
    padding-left: 30px;
}

/**
 *     Remove links from Decide Better
 */
a.div_textshadow:visited, a.div_textshadow:hover, a.div_textshadow:active {
  text-decoration: none;
}

/**
 *     Stylish radio buttons
 * 
        Light Blue
        
        
 .rsbutton {
  background: #cfe7fa;
  background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1));
  background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%);
  background: -o-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%);
  background: -ms-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%);
  background: linear-gradient(top,  #cfe7fa 0%,#6393c1 100%);
  border: 1px solid #6393c1;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -moz-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .5);
  -webkit-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .5);
  box-shadow: inset 1px 1px 0px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .5);
  cursor: pointer;
  display: inline-block;
  font: 15px Arial, Verdana, Geneva, sans-serif;
  line-height: 41px;
  padding-right: 20px;
}
       
        Red 
        ff6f5f
        
.rsbutton .inner {
  background: #e4f5fc;
  background: -moz-radial-gradient(center, ellipse cover,  #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));
  background: -webkit-radial-gradient(center, ellipse cover,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);
  background: -o-radial-gradient(center, ellipse cover,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);
  background: -ms-radial-gradient(center, ellipse cover,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);
  background: radial-gradient(center, ellipse cover,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  display: block;
  height: 14px;
  margin: 3px;
  opacity: 0;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  width: 14px;
}

 */
.rsbutton {
  background: #cfe7fa;
  background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1));
  background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%);
  background: -o-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%);
  background: -ms-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%);
  background: linear-gradient(top,  #cfe7fa 0%,#6393c1 100%);
  border: 1px solid #6393c1;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -moz-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .5);
  -webkit-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .5);
  box-shadow: inset 1px 1px 0px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .5);
  cursor: pointer;
  display: inline-block;
  font: 15px Arial, Verdana, Geneva, sans-serif;
  line-height: 41px;
  padding-right: 20px;
}

.rsbutton:hover .inner {
  opacity: .5;
}

.rsbutton input {
  display: none;
}

.rsbutton input:checked + .outer .inner {
  opacity: 1;
}

.rsbutton .outer {
  background: #2989d8;
  background: -moz-radial-gradient(center, ellipse cover,  #2989d8 0%, #101354 99%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2989d8), color-stop(99%,#101354));
  background: -webkit-radial-gradient(center, ellipse cover,  #2989d8 0%,#101354 99%);
  background: -o-radial-gradient(center, ellipse cover,  #2989d8 0%,#101354 99%);
  background: -ms-radial-gradient(center, ellipse cover,  #2989d8 0%,#101354 99%);
  background: radial-gradient(center, ellipse cover,  #2989d8 0%,#101354 99%);
  border: 1px solid black;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  display: block;
  float: left;
  height: 20px;
  margin: 10px;
  width: 20px;
}

.rsbutton .inner {
  background: #ff6f5f;
  background: -moz-radial-gradient(center, ellipse cover,  #ff6f5f 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ff6f5f), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));
  background: -webkit-radial-gradient(center, ellipse cover,  #ff6f5f 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);
  background: -o-radial-gradient(center, ellipse cover,  #ff6f5f 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);
  background: -ms-radial-gradient(center, ellipse cover,  #ff6f5f 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);
  background: radial-gradient(center, ellipse cover,  #ff6f5f 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  display: block;
  height: 14px;
  margin: 3px;
  opacity: 0;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  width: 14px;
}

/**
 *     Change the cursor to hand for logo image
 */
.mousepointer:hover {
        cursor:hand;
    }

/**
 *     Buton log me
 */
.buttonlogin {
    border-top: 1px solid #96d1f8;
    
    background: #3e779d;
    background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
    background: -moz-linear-gradient(top,  #65a9d7,  #3e779d);
    
    padding: 5px 10px;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -webkit-box-shadow: black 0 1px 0;
    -moz-box-shadow: black 0 1px 0;
    box-shadow: black 0 1px 0;
    
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    
    color: white;
    font-size: 14px;
    text-decoration: none; 
    vertical-align: middle;
    
    font: 14px Arial, sans-serif; 
    
    
}
.buttonlogin:hover {
    border-top-color: #28597a;
    background: #28597a;
    color: #ccc; 
}
.buttonlogin:active {
    border-top-color: #1b435e;
    background: #1b435e;
    outline: 0;
}