/* GENERAL */
@font-face {
    font-family: 'Oswald-Light';
    src: url('fonts/Oswald-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald-Regular';
    src: url('fonts/Oswald-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald-Bold';
    src: url('fonts/Oswald-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSans-Light';
    src: url('fonts/NotoSans-Light.ttf') format('truetype');
}

/*body {
    background: #232929 url('../images/bg.png') no-repeat; 
    background: #232929;
}*/

body,
label,
input,
button,
select,
textarea, 
p, 
table,
* {
    font-family: "Oswald-Light", sans-serif;
    color: #fff;
}

#HeaderLine {
    position: absolute;
    left: 64px;
    top: 75px;
    width: 1152px;
    height: 1px;
    background-color: rgba(255,255,255,0.5);
}

#Logo{
    background: transparent url('../images/logo_tornado.png') 0 0 no-repeat;
    position: absolute;
    left: 63px;
    top: 35px;
    width:200px;
    height:27px;
}

#Username{
    position: absolute;
    background: transparent url('../images/icon_username.png') 0 0 no-repeat;
    right: 64px;
    top: 35px;
    height:30px;
    line-height: 30px;
    padding-left: 35px;
}



/* POPUPS */

#loadingDiv, #useractionDiv {
    background-color: rgba(0, 0, 0, 0.2);
}

#useractionDiv div{
    background-color: #791623;
    border: 1px solid #fff;
    color:#fff;
}



/* BUTTONBAR */

#ButtonBar li{
    color:#fff;
    font-size: 0.9rem;
}

#RedButtonIcon, #YellowButtonIcon, #BlueButtonIcon, #GreenButtonIcon, #stopButtonIcon {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5) inset;
}

#RedButtonIcon{
    background-color: #a60000;
}

#GreenButtonIcon{
    background-color: #00a600;
}

#YellowButtonIcon{
    background-color: #ffd200;
}

#BlueButtonIcon{
    background-color: #0058e5;
}



/* DIALOG */

#Headline {
    color: #fff;
    border-bottom: 2px solid #fff;
    font-size: 1.8rem;
    line-height: 40px;
    padding-bottom: 7px;
}

#Description {
    font-size: 1.1rem;
    color: #fff;
}

.button_S, .button_M, .button_L {
    background-color: rgba(0,0,0,0.2);
    border: 3px solid transparent;
    color: #fff;
    text-transform: uppercase;
}

.button_S.focus, .button_M.focus, .button_L.focus {
    border: 3px solid #fff;
    color: #fff;
}

.inputfield {
    background-color: rgba(255,255,255,0.5);
    border: none;
    padding: 4px;
}

.inputfield.focus {
    border: 4px solid #fff;
    padding: 0;
}

.inputfield input {
    margin-top: 0px;
    color: #000;
    background-color: transparent;
}

.checkbox {
    background-color: rgba(255,255,255,0.3);
    border: 1px solid transparent;
    padding: 2px;
}
.checkbox.focus, .focus .checkbox {
    border: 3px solid #fff;
    padding: 0;
}

.checkbox.checked {
    background-image: url('../images/checkbox.png');
    background-repeat:no-repeat;
    background-position: 4px 0px;
}

.checkbox.checked.focus, .focus .checkbox.checked {
    background-position: 2px -2px;
}

#InfoBox {
    background-color: rgba(0,0,0,0.5);
    border: none;
    border-radius: 5px;
    color: #fff;
}

#ErrorMessage {
    background-color: rgba(0,0,0,0.5);
    border: 2px solid #e77b05;
    color: #fff;
}

#loadingIndicator {
    background: transparent url('../images/loading_indicator.gif') center center no-repeat;
}



/* APPSTORE */



/* SEARCH START */

.searchResultHeading{
    font-size: 1.1rem;
    height: 26px;
    line-height: 26px;    
}

#searchInput{
    background: transparent;
    border: none;
    color: #000;
    font-size: 1rem;
    text-transform: uppercase;
}

#searchKeyboard input::-webkit-input-placeholder {
   color: #000;
   opacity: 1;
}

#searchKeyboard input::-moz-placeholder {
   color: #000;
   opacity: 1;
}

#searchKeyboard {
    border: none !important;
    background: rgba(255,255,255,0.5);
    border-radius: 40px;
}

.numberKey {
    display: block;
    cursor: pointer;
    border-radius: 8px;
    float: left;
    margin: 2px;
    height: 22px;
    padding: 5px;
    width: 118px;
    line-height: 22px;
    background-color: transparent;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255,255,255,0.2);
    font-size: 1rem;
}

.numberKey.focus {
    padding: 3px;
    border-width: 3px;
    border-color: #fff;
}

#fxmMoeKeyBoard{
    background: none !important;
    background: none !important;
}



/* DETAIL PAGE */
/*#container{
    background-image: url('../images/bg_transparent.png');
    color: #444;
}

.details_inner_item p{
    font-size: 3.2rem !important;
}

#detailMetaRating{
    color: #009900;
    font-size: 1.8rem;
}

#DiscoverTitle,#detailItemGenre,.tab{
    color: rgba(0, 0, 0, 0.5);
}

#DiscoverTitle,.ItemTitle{
    font-size: 28px;
}

.ItemTitle{
    color: rgba(255,255,255,0.2);
}

#detailText{
    font-size: 1rem;
}

#detailItemTitle{
    font-size: 1.8rem;
}

#detailMeta table{
    font-size: 1rem;
}

#playVideo.viewster{
    background: transparent url('../images/icon_play_viewster.png') 0 0 no-repeat;
}

.tab{
    font-size: 1.4rem;
}

.active{
    color: #fff;
}

.tab.focus{
    color: #00ff97;
}

#relatedVideosWrapper div{
    background-color: #232929;
}

#relatedVideosWrapper div .focusDivRelated{
    background-color: rgba(0,0,0,0.7);
    font-size: 1.2rem;
    border: 5px solid #00ff97;
}

.focusDiv{
    border: 5px solid #00ff97;
}

#ItemTitleWrapper{
    color: #444;
    font-size: 1.8rem;
}

#ItemRating{
    color: #009900;
}

#ItemSimilarGenre{
    color: rgba(0,0,0,0.5);
    font-size: 1rem;
}

#similarWrapper div, #similarWrapper table{
    font-size: 1rem;
}

.same {
    color: #e77b05;
}
*/


/* TOS */
#WelcomeMessage {
    font-size: 2rem;
}

#ActionMessage {
    font-size: 1.4rem;
}

#languageCarousel {
    background: transparent url('../images/languageselector.png') 0px 0px;
    padding-top: 15px;
}

#languageCarousel li {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.2);
}

#languageCarousel li.center {
    color: #fff;
}

#TOSBar {
    background: rgba(0,0,0,0.2);
}

#TOSBar_ContentWindow {
    color: #ccc;
}

#TOSBar_ContentWindow.focus {
    color: #fff;
}

#TOSBar_ContentContainer {
    color: #fff;
    font-size: 0.9rem;
}

#TOSBar_ScrollUp {
    background: transparent url('../images/arrows_up.png') 0px 0px;
}

#TOSBar_BarContainer {
    background-color: #000;
}

#TOSBar_BarWrapper {
    background: transparent;
}

#TOSBar_Bar {
    background-color: #cd2550;
}

#TOSBar_ScrollDown {
    background: transparent url('../images/arrows_down.png') 0px 0px;
}

#AcceptError {
    color: #fff;
    background-color: #dd083a;
}

#AcceptText {
    top: 616px;
    max-width: 620px;
}

#LogoBig {
    background: url('../images/logo_tornado_big.png') no-repeat 0 0 transparent;
    height:52px;
    width:374px;
    left:453px;
    top:110px;
}



/* SETTINGS */
#Languages li {
    background: transparent;
}

#EmptyLanguages {
    color: #444;
    background-color:#e77b05;
    border: 2px solid #e77b05;
}



/* LOGIN */
#Users li {
    background-color: rgba(0,0,0,0.2);
    border: 2px solid transparent;
}

#Users li.focus {
    border: 4px solid #fff;
}

#Users li .title {
    color: #fff;
    font-size: 1rem;
}



/* OTHER PAGES (HOME/WATCHLIST/ETC */
.appTitle{
    /*background-color: rgba(0,0,0,0.7);*/
    background: transparent url('../images/itemTitleBG.png') repeat-x;
    color:#fff;
}

.appItemTop .appTitle {
    background-image: none;
}

.item .focus {
    border-color: #fff;
}

#ActiveCategoryBG {
    background: #cd2550;
    border-color: #791623;
    box-shadow: 0 0 20px 10px #9d172e inset;
}

#ActiveCategoryBG.focus {
    border-color: #fff;
}

#CategoryWrapper {
    background-color: rgba(0,0,0,0.7);
}

#Categories div {
    background-color: rgba(255,255,255,0.2);
    border-radius: 40px;
}

#Categories div.activeCategory {
    background: transparent;
}

#Date{
    font-family: "Oswald-Bold";
}

.appItemTop .appTitle{
    font-family: "Oswald-Bold";
    line-height: 35px;
}


.appDescription {
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    margin-bottom: 8px;
    padding-top:4px;
}

#AppCategories div, #MyCategories div, #searchTabNavigation div {
    color: rgba(0,0,0,0.35);
}

#AppCategories div.active, #MyCategories div.active, #searchTabNavigation div.active {
    color: #000;
}

#AppCategories div.focus, #MyCategories div.focus, #searchTabNavigation div.focus {
    color: #fff !important;
}

#MyApps .focusDiv{
    border-color: #fff;
}

#searchTabNavigation div.focus {
    color: #fff;
}

#MyApps.active .myAppWrapper.focus .myApp {
    background-color: rgba(0,0,0,0.3);
}

#RememberPinText {
    top: 330px;
}

#InfoDescription {
    line-height: 26px;
}

.fxm_kbdKeys li.focus,
li.fxm_kbdControl_1.focus,
li.fxm_kbdControl_2.focus,
li.fxm_kbdControl_3.focus,
li.fxm_kbdControl_backspace.focus,
li.fxm_kbdControl_backward.focus,
li.fxm_kbdControl_forward.focus,
li.fxm_kbdControl_smallChars.focus,
li.fxm_kbdControl_bigChars.focus {
    background-color: #a51e2f;
}