/**** CALLOUTS ****/
.ot-callout {padding: 10px;margin: 20px 0;border: 1px solid #ebebeb;border-left-width: 5px;border-radius: 3px !important;}
.ot-callout-info {border-left-color: #95A5A6;}
.ot-callout-warning {border-left-color: #CD0511;}

.border-bottom-grey{border-bottom: solid 1px #EEEEEE;}
.border-bottom-grey2{border-bottom: solid 1px #CCCCCC;}
.border-bottom-black{border-bottom: solid 1px #191919;}
.border-grey{border:1px solid #ddd;}

.btn-color-grey-ghost{border: 1px solid #95a5a6;background:none;padding:5px 12px;color:#95a5a6;}
.btn-color-grey-ghost:hover{background:#95a5a6;color:#fff;}

.padding-all-10{padding:10px;}
.padding-all-5{padding:5px;}

.content-block{padding-right:20px;margin-bottom: 20px;}
.content-block-in{border:1px solid #dddddd;padding:0;}
.content-block-in-light{padding:10px 20px;background-color:#ffffff;height: 85px;}
.content-block-in-dark{padding:20px;background-color:#eeeeee;height:175px;}
.content-block-btn-dark{padding: 0px 20px;background-color: #eeeeee;height: 60px;}
.vertical-align-middle{vertical-align: middle !important;}
.hoverable:hover{background-color:#efefef !important;}
.fund-methods li a.selected {background: #CD0511;color: #FFF;}
.fund-methods li a{line-height: 45px;}
.font-11{font-size:11px;}
.font-12-dark{font-size:12px; color:#333;}
.font-22-dark{font-size:22px; color:#333;}
.font-35-dark{font-size:35px; color:#333;}
.font-14-dark{font-size:14px; color:#333;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-60-dark{font-size:60px; color:#333;}
.font-22{font-size:22px;}
.joinNowButtonIn a:focus{color:#fff !important;}
.educationBox{width:220px; height:220px; border-radius: 100% !important;}
.asset-index-body .assets-pie .asset-title.acc-active i{background-image: url(../images/arrow.png);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);background-position: 5px 5px;}
.thirdStep #warning{position: absolute;margin-top: 35px;font-size: 11px;color: #95a5a6;}
.video-overlay{width: 200px;height: 180px;position: absolute;background-color: #efefef;opacity: 0.7;}
.video-overlay .fa-play-circle-o{font-size: 70px; margin-top: 50px;}
.pagination .active{background-color: #CD0511;color: #fff;}
.btn-u:focus, .navbar-nav a:focus{color: #FFFFFF !important;background: black !important;}
a:focus{color:#191919;}
.registrations-table td{padding: 5px 10px 5px 0px;}
textarea {resize: none;}

/********* FAQ CSS ACCORDION *******/
ul.arrow li{background-image: url("{{ static_site }}/assets/optiontrade-new/images/arrow.png") !important;background-position: 0 9px !important;background-repeat: no-repeat !important;padding-left: 13px !important;margin-left:20px;}
.accordion_content table tr td{padding: 6px !important;}
.accordionWrapper {display: inline-block;overflow: hidden;width: 100%;}
.accordion_title h3 {font-size: 13px;padding: 4px 0;font-weight:bold;margin-bottom: 2px !important;}
.accordionWrapper div {display: inline;float: left;margin: auto;}
.accordionWrapper div.accordion_title, .accordionWrapper div.accordion_title_active {background: none repeat scroll 505px 7px #EFEFEF;cursor: pointer;font-size: 13px;line-height: 16px;margin: 3px 0 0 !important;padding: 3px 25px 3px 14px;width: auto;}
.accordionWrapper div.accordion_content {display: none;padding: 10px;}
div.accordion_content ul {margin-right: 20px;}
.accordionWrapper div.accordion_title_active h3 {font-size: 13px;padding: 4px 0px 0px 0;font-weight:bold;}
div.accordion_title_active{background-color: #ccc !important;}
.accordionWrapper div.linkSet {background: none repeat scroll 505px 7px #EFEFEF;cursor: pointer;line-height: 16px;margin: 3px 0 0 !important;padding: 3px 25px 3px 14px;width: auto;}
.accordionWrapper div.linkSet h3 {color: #C80101;font-size: 12px;padding: 4px 0;}
.space-text {padding-top: 10px;}
.accordion_title:hover{background-color: #ddd !important;}
/********* END OF FAQ CSS ACCORDION *******/

/********* ACADEMY CSS *******/
#main_menu .box {width:31%;height: 300px;}
.vid_container .ply_icn{background-color: #CD0511 !important;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 13px !important; border-bottom: 0 !important;}
#inner_tabs a {color: #CD0511 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border: none;background: #CD0511;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: #FFFFFF;border: none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a{color:#fff !important;}
.tabs .ui-tabs-nav .ui-helper-reset .ui-helper-clearfix .ui-widget-header .ui-corner-all{border: none !important;background: #ebebeb;}

/********* EXPIRY RATES CSS *******/
.container .expiryContent{float:none;width:100%;}
.container #expiryRateBlock{float:none;width:100%;}
.container .expiryRateTable{width:100%;}
.container .expiryRateTable thead{color: #FFFFFF; background: #333;}
.container .expiryRateTable thead th{color:#ffffff;padding: 15px 0 !important;text-transform: uppercase;}
.container .pagination ul li.active{background: none;}
.container .pagination li a:hover{color: #191919;background: #F0F0F0;border-color: #F0F0F0;}
.container #endDate{padding: 0;border-radius: 0 !important;height: 25px;}
.container .jdpicker_w .date_clearer{top: 1px}
.container .HalfBoxRight{width: auto;}
.container .HalfBox{width: auto;}
.container .HalfBoxRight label{padding: 0px 0px 0px 0px;}
.container .chosen-container-single .chosen-single{line-height: 17px;height: 25px;}
.container .chosen-container-single .chosen-single div b{background-position-y: -3px;}


/************** BONUS SECTION HOMEPAGE **************/
#bonusSection h1{font-size:100px; margin-top:32px; font-family: 'Hammersmith One', sans-serif; letter-spacing: -5px; margin-left: -9px;}
#bonusSection h3{font-size:26px;margin-top:20px; font-family: 'Hammersmith One', sans-serif;}
#bonusSection p{margin-bottom:29px;font-weight: bold;color: #999;margin-top: -11px;font-size: 16px;}
#bonusSection span{font-size:30px}

/************** MOBILE TRADING **************/
.mob-trading-box{height: 60px;margin-top: 37%;opacity: 0.9;background-color: #EFEFEF;}
.mob-trading-num{float: left;margin-right: 20px;padding: 14px 25px;background-color: #121212;color: #fff;border-radius: 100% !important;font-size: 2rem;}
.mob-trading-text{float: left;padding: 15px 0px;font-size: 2rem;}

/************** RISK FREE TRADES **************/
.risk-text-1{font-size: 60px;padding-right: 10px;font-weight: bold;}
.risk-box{background-color:#cd0512;-webkit-box-shadow: 6px 6px 0px 0px rgba(225,225,225,1);-moz-box-shadow: 6px 6px 0px 0px rgba(225,225,225,1);box-shadow: 6px 6px 0px 0px #CCCCCC; padding: 0px 30px 5px;color: #fff;}
.risk-text-2{float: left;color: #fff;font-size: 32px;margin-top: 9px;}
.risk-text-3{float:left; font-size:57px;color: #fff;font-weight: bold;margin-top: 17px;}