a { cursor: pointer; }

.uiHead { font-weight: 300; font-size: 1.65em; padding-bottom: .5em; border-bottom: 1px solid rgba(0,0,0,.075); padding: .5em .75em; background: rgba(0,0,0,.035); }
.formHead { font-size: 1.5em; font-weight: 300; margin-bottom: .25em; }
.formHead i { font-size: .75em; }
.formSubHead { font-size: .8em; color: #999; font-weight: 700; text-transform: uppercase; margin: 1em 0; }
.formSubHead i { margin-right: .25em; }
.formSubHead:first-child { margin-top: 0; }
.formBlock { padding: 1em; border-bottom: 1px solid #ccc; }
.formBlock:last-child, .formBlock.last { border-bottom: 0; }
.formDeleteBlock { border-top: 1px solid #ccc; margin-top: 1em; }
.formBlock .formHead { margin-left: -.6666em; margin-right: -.6666em; }
.formBlock .formSubHead:first-child { margin-top: -.25em; }
.formCnt .row { margin: .5em 0; } 
label { display: block; font-size: .9em; color: #1F2C5E; font-weight: 600; margin-bottom: .2em; }
.infoTxt { color: #777; font-weight: normal; font-size: .8em; }
input[type=text], input[type=password], input[type=number], textarea, select { display: inline-block; font-size: 1em; line-height: 1.2em; height: 1.2em; padding: .5em .5em; width: 15em; background: #DBF2FB; border: 1px solid rgba(0,0,0,.25); vertcial-align: middle; max-width: 100%;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -ms-border-radius: .2em;
  -o-border-radius: .2em;
  border-radius: .2em;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  box-shadow: 0 .125em 0 rgba(0,0,0,.075) inset;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus, select:focus {  background: #fff; border-color: #4DBDEC; outline: none;
  box-shadow: 0 0 0 rgba(0,0,0,0) inset, 0 .125em 0 rgba(0,0,0,.075);
}
textarea { width: 100%; height: 10em; resize: vertical;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.submitCnt { margin: 1em 0 0; text-align: right; }
input[type=text].medium, input[type=password].medium, input[type=number].medium { width: 10em; }
input[type=text].short, input[type=password].short, input[type=number].short { width: 2.5em; text-align: center; }

.formCnt .link { color: #4DBDEC; font-weight: 600; }
.formCnt .link:hover { text-decoration: underline; }
.formCnt .failed { font-size: .8em; padding: .5em; background: red; color: #fff; line-height: 1.2em; margin-bottom: .2em;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -ms-border-radius: .2em;
  -o-border-radius: .2em;
  border-radius: .2em;  
}
.formCnt .alert { vertical-align: middle; font-size: .9em; padding: .5em; background: #DBF2FB; color: #525C83; line-height: 1.2em; margin-bottom: .2em;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -ms-border-radius: .2em;
  -o-border-radius: .2em;
  border-radius: .2em;  
}
.formCnt .alert i{ margin-right: 10px; }
.success { background: rgb(43,197,29); color: #fff; padding: 1em; margin-top: 1em;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -ms-border-radius: .2em;
  -o-border-radius: .2em;
  border-radius: .2em; 
}
.formCnt img { max-width: 100%; }
.infoBox { background: #DBF2FB; padding: 1em; font-size: .8em; margin: 1em 0;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -ms-border-radius: .2em;
  -o-border-radius: .2em;
  border-radius: .2em;
  box-shadow: 0 .125em 0 rgba(255,255,255,.15) inset, 0 -.125em 0 rgba(0,0,0,.075) inset, 0 .125em 0 rgba(0,0,0,.075); 
}
.infoBox:first-child { margin-top: 0; }
.infoBox:last-child { margin-bottom: 0; }

.labelArea { background: #DBF2FB url(../imgs/lined-pattern.png) repeat 50% 50%; background: #fff; padding: .5em; border: 2px solid rgba(0,0,0,.25); font-size: .9em;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -ms-border-radius: .2em;
  -o-border-radius: .2em;
  border-radius: .2em;
}
.labelArea:empty { border-color: rgba(0,0,0,.1); border-style: dashed; }
.labelItem { display: inline-block; background: #f3fbfe; background: #fff; background: #DBF2FB; line-height: 1.8em; padding: 0 .5em; border: 1px solid rgba(0,0,0,.1); margin: .1em;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -ms-border-radius: .2em;
  -o-border-radius: .2em;
  border-radius: .2em;
  box-shadow: 0 .125em 0 rgba(255,255,255,.15) inset, 0 .125em 0 rgba(0,0,0,.075);
}
.labelItem i { margin: 0 -.25em 0 .25em; cursor: pointer; }

.box { background: #fff; padding: 1em; margin: .75em 0; overflow: hidden; /*border: 1px solid rgba(0,0,0,.1);*/
  border-radius: .25em;
  box-shadow: 0 .25em 0 rgba(255,255,255,.15) inset, 0 -.25em 0 rgba(0,0,0,.075) inset, 0 .25em 0 rgba(0,0,0,.075);
} 
.formBox { padding: 2em; margin: 1em auto; max-width: 40em; border: 1px solid rgba(0,0,0,.1); }
.formBox .uiHead { margin: -1.2121em -1.2121em .33em; }

.table { display: table; }
.tr { display: table-row; }
.td { display: table-cell; vertical-align: middle; }
.th { font-size: .75em; font-weight: 700; text-align: center; text-transform: uppercase; }
.ca { text-align: center; }
.ra { text-align: right; }

.listTable { width: 100%; font-size: .9em; }
.listTable .td { padding: .25em .5em; border-bottom: 1px solid #ccc; }
.listTable .td .iconBtn { font-size: 1.25em; }
.listTable .td.platform { width: 1.5em; text-align: center; }

.add { display: inline-block; text-align: center; vertical-align: middle; color: rgba(31,44,94,.5);
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.add i { display: inline-block; font-size: 1em; width: 1.75em; height: 1.75em; line-height: 1.75em; text-align: center; color: rgba(31,44,94,.5); margin: .2em; vertical-align: middle; border: .3em solid rgba(31,44,94,.5);
  border-radius: 100%;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.add:hover { color: #4DBDEC; }
.add:hover i { color: #4DBDEC; border-color: #4DBDEC; }
.add.large i { font-size: 2em; }
.add.large .caption { font-weight: 700; }

.btn, .btnCnt a, .txtCntnt .btnCnt a, .txtCntnt .btn { position: relative; display: inline-block; color: white; font-size: 1em; height: 2.46154em; line-height: 2.46154em; padding: 0 1.1em; background: #00a2e0; font-weight: 700; vertical-align: middle; text-align: center; outline: 0; border: 0; cursor: pointer; text-decoration: none; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; overflow: hidden;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -ms-border-radius: .2em;
  -o-border-radius: .2em;
  border-radius: .2em;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  -moz-box-shadow: 0 -.125em 0 rgba(0,0,0,.11) inset, 0 .125em 0 rgba(0,0,0,.1);
  -webkit-box-shadow: 0 -.125em 0 rgba(0,0,0,.11) inset, 0 .125em 0 rgba(0,0,0,.1);
  -ms-box-shadow: 0 -.125em 0 rgba(0,0,0,.11) inset, 0 .125em 0 rgba(0,0,0,.1);
  -o-box-shadow: 0 -.125em 0 rgba(0,0,0,.11) inset, 0 .125em 0 rgba(0,0,0,.1);
  box-shadow: 0 -.125em 0 rgba(0,0,0,.11) inset, 0 .125em 0 rgba(0,0,0,.1);
  -webkit-appearance: none;
}
.btn:hover, .btnCnt a:hover, .btnCnt a:hover { background: #00b9ff; }
.btn:active, .btn:focus, .btnCnt a:active, .btnCnt a:focus, .btnCnt a:active, .btnCnt a:focus { background: #0094cc; }
.btn.large, .btnCnt a.large { font-size: 1.5em; }
.btn.medium { font-size: 1.25em; }
.btn.blue { background: #4d9ced; }
.btn.blue:hover { background: #6aaef4; }
.btn.blue:active, .btn.blue:focus { background: #3086de; }
.btn.white { background: #fff; color: #236391; }
.btn.white:hover { color: #1F2C5E; }
.btn.white:active, .btn.white:focus { background: #eee; color: #536a2a; }
.btn.fb { background: #3B5998; }
.btn.fb:hover { background: #3d61ac; }
.btn.fb:active, .btn.fb:focus { background: #355089; }
.btn.disqus { background: #2E9FFF; }
.btn.disqus:hover { background: #46aaff; }
.btn.disqus:active, .btn.disqus:focus { background: #2193f5; }
.dark .btn, .dark .btnCnt a { background: #fff; color: #d6721d; }
.dark .btn:hover, .dark .btnCnt a:hover { background: #fff;
  -moz-box-shadow: 0 0 0 rgba(0,0,0,.11) inset, 0 .125em 0 rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,.11) inset, 0 .125em 0 rgba(0,0,0,.1);
  -ms-box-shadow: 0 0 0 rgba(0,0,0,.11) inset, 0 .125em 0 rgba(0,0,0,.1);
  -o-box-shadow: 0 0 0 rgba(0,0,0,.11) inset, 0 .125em 0 rgba(0,0,0,.1);
  box-shadow: 0 0 0 rgba(0,0,0,.11) inset, 0 .125em 0 rgba(0,0,0,.1);
}
.dark .btn:active, .dark .btn:focus, .dark .btnCnt a:active, .dark .btnCnt a:focus { background: #f8f8f8; }
.btn i { margin: 0 .25em 0 -.25em; }
.socialLoginBtn { padding-left: 3.5em; }
.socialLoginBtn i { position: absolute; font-size: 1.5em; top: 0; left: 0; width: 1.75em; background: rgba(0,0,0,.12); line-height: inherit; height: 100%; text-align: center; margin: 0; }
.socialLoginBtn.disqus i { background-image: url('../imgs/icon_disqus.png'); background-repeat: no-repeat; background-position: 50% 50%;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.refresh{ cursor: pointer; }

.iconBtn { color: #00a2e0; cursor: pointer;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.iconBtn:hover { color: #00b9ff; }

.singleIconBtn { padding: 0 .75em; vertical-align: bottom; margin-bottom: -1px; }
.singleIconBtn i { margin: 0; font-size: 1.25em; }

input.wInputBtn { vertical-align: baseline;
  -moz-border-radius: .2em 0 0 .2em;
  -webkit-border-radius: .2em 0 0 .2em;
  -ms-border-radius: .2em 0 0 .2em;
  -o-border-radius: .2em 0 0 .2em;
  border-radius: .2em 0 0 .2em;
}
.inputBtn {
  -moz-border-radius: 0 .2em .2em 0;
  -webkit-border-radius: 0 .2em .2em 0;
  -ms-border-radius: 0 .2em .2em 0;
  -o-border-radius: 0 .2em .2em 0;
  border-radius: 0 .2em .2em 0;  
}

.notificationNum { display: inline-block; font-size: .75em; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; background: #4DBDEC; color: #fff; vertical-align: middle; font-weight: 600;
  border-radius: 100%;
}
.notificationNum:empty { display: none; }

.navTabs { padding: .3em .3em 0; margin: 0 auto 1em; list-style-type: none; text-align: left; background: #236391; background: #1F2C5E; overflow: hidden;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -ms-border-radius: .2em;
  -o-border-radius: .2em;
  border-radius: .2em;
}
.navTabs li { display: inline-block; padding: 0; margin: .1em .1em 0; }
.navTabs li a { position: relative; display: block; line-height: 1.5em; padding: .5em .75em; color: rgba(35,53,59,.66); color: rgba(255,255,255,.65); color: rgba(77,189,236,.65); background: #1F2C5E; background: rgba(0,0,0,.35); border: 1px solid rgba(0,0,0,.2); border-bottom: 0; font-weight: 700;
  -moz-transition: all .25s ease-out;
  -webkit-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -moz-border-radius: .2em .2em 0 0;
  -webkit-border-radius: .2em .2em 0 0;
  -ms-border-radius: .2em .2em 0 0;
  -o-border-radius: .2em .2em 0 0;
  border-radius: .2em .2em 0 0;
}
.navTabs li a i { display: none; }
.navTabs li.active {  }
.navTabs li.active a, .navTabs li a:hover { border-color: #eee; background: rgba(238,238,238,.95); color: #4DBDEC; }
.navTabs li.active a { color: #1F2C5E; background: #EEEEEE;
  box-shadow: 0 .125em 0 rgba(255,255,255,1) inset;
}
.navTabs li a .notificationNum { position: absolute; top: -.25em; right: -.25em; z-index: 1; }

.descriptionTxt table tr td.score{ width: 100px; text-align: right; vertical-align: middle; }
.descriptionTxt table tr td{ border-bottom: 1px dotted #ccc; padding: 10px; }

.newFeatureLabel{ background: green; color: #fff; font-size: 12px; display: inline-block; padding: 0 5px; }
.newFeatureLabel.mini{ font-size: 9px; }

.btn.red,input[type=submit].btn.red, input[type=button].btn.red { background: #B62516; }
.btn.red:hover,.btn.red:focus{ background: #B33D32; }