/* 
/* 
    Document   : TopSpeed
    Created on : Nov 21, 2012, 9:38:58 AM
    Author     : siva
    Description:
        Purpose of the stylesheet follows.
*/

.ui-body-f {
    background: url("/U-U/images/bg-wataniya.jpg") repeat scroll left top transparent;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;  
    color: white;		
}
.ui-body-f input[type="text"], 
.ui-body-f input[type="password"],
.ui-body-f input[type="tel"]{
    background-color: #EBEBEB;
} 
.ui-btn-up-f {
    background-color: #9ACBE3;
    border: 1px solid #225377;
    _text-shadow: #225377 0px -1px 1px;
    color: #fff;
}
.ui-btn-down-f, 
.ui-btn-hover-f {
    background-color: #9ACBE3;
    border: 1px solid #00516E;
    _text-shadow: #014D68 0px -1px 1px;
    color: #fff;
}
/*-------------------------- Header Style------------------------------*/
.ui-bar-f {
    margin: 0px 0px 0px 0px;
    padding: 2px 0px;
    color: #C20037;
    background-color: #EBDBDB;   
}
/*-------------------------- Footer Style------------------------------*/
.ui-bar-g {
    margin: 10px 0px 0px 0px;                
    padding: 2px 0;
    color: #C20037;
    background-color: #EBDBDB;   
}

.ui-bar-h {		
    _padding: 10px 0;
    color: #fff;		
    background-color: #9ACBE3;
}
.ui-body-f .ui-collapsible-contain .ui-collapsible-heading .ui-btn-up-f {
    background: #666;
    color: #fff;
    text-decoration: none;
}
.ui-body-f .ui-collapsible-contain .ui-collapsible-heading .ui-btn-down-f, 
.ui-body-f .ui-collapsible-contain .ui-collapsible-heading .ui-btn-hover-f {
    background: #999;
    color: #fff;
    text-decoration: none;
}
.ui-listview .ui-btn-up-f a, 
.ui-listview .ui-btn-down-f a, 
.ui-listview .ui-btn-hover-f a {
    color: #fff;
}


/*#face-twitter .ui-btn-up-h {	
    color: #fff ! important;		
    background-color: #9ACBE3;
}
#face-twitter .ui-btn-down-h, 
#face-twitter .ui-btn-hover-h {
    color: #fff ! important;		
    background-color: #9ACBE3;
}*/        

.ui-btn-active {
    color: #fff;		
    background-color: #9ACBE3;    
    text-shadow: none;
}

.ui-btn-active-h {
    color: #fff;		
    background-color: #9ACBE3;
}             


#sms-link a{
    font-size: 17px;		
    color:#000;		
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;            
}

#news-desc{
}

#sms-link{
    padding : 5px 5px 5px 5px;
    margin : 0px
}

.row {
    border-bottom: 1px solid #37466D;
    min-height: 42px;
    position: relative;
    text-align: right;
}            


.row > input:not([type|="radio"]):not([type|="checkbox"]) {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
    height: 42px;
    margin: 0;
    padding: 12px 10px 0;
}

input.ui-input-text, textarea.ui-input-text {
    margin: 0 0;
    padding:0.5em;
}        

.ui-btn {
    cursor: pointer;
    display: block;
    margin: 0 0;
    padding: 0;
    position: relative;
    text-align: center;
}  
.none-rounded { border-radius: 0; }

#gsm{    
    border:0;
    border-radius: 0 0 0 0;
    _margin-top: 60px;
}

.ui-btn-text {
    -moz-user-select: none;
    position: relative;
    width: 100%;
    z-index: 1;
    text-decoration: none;
}        

.ui-btn-inner {
    display: block;
    font-size: 16px;
    min-width: 0.75em;
    overflow: hidden;
    padding: 0.5em 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}   

/*        div#face-twitter .ui-btn-inner {
            border-color: rgba(255, 255, 255, 0.3);
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            width: 98%;
        }        */


/*-------------------------- Button Link Style ------------------------------*/
a:link    {
    /* Applies to all unvisited links */
    text-decoration:  none;
    background-color: #A71912;   
    color:            #FFF;
} 
a:visited {
    /* Applies to all visited links */
    text-decoration:  none;
    background-color: #A71912;
    color:            #FFF;
} 
a:hover   {
    /* Applies to links under the pointer */
    background-color: #A71912;
    color:            #FFF;
} 
a:active  {
    /* Applies to activated links */
    background-color: #A71912;
    color: #FFF;
}         
/*-------------------------- Button Link Style ------------------------------*/

/*-------------------------- Language Select Link Style ------------------------------*/
#LanguageContainer a:link ,#language-menu a:link {
    /* Applies to all unvisited links */
    text-decoration:  none;
    background-color: #C2001F;   
    color:            #292929;
} 
#LanguageContainer a:visited ,#language-menu a:visited{
    /* Applies to all visited links */
    text-decoration:  none;
    background-color: #C2001F;   
    color:            #292929;
} 
#LanguageContainer a:hover ,#language-menu a:hover{
    /* Applies to links under the pointer */
    background-color: #C61472;
    color:            #292929;
} 
#LanguageContainer a:active ,#language-menu a:active{
    /* Applies to activated links */
    background-color: #C2001F;   
    color:            #292929;
}         

#language-menu .ui-btn-active {
    background-color: #C2001F;   
    color:            #292929;
    text-shadow: none; 
    border:none;
}

#language-menu .ui-btn-up-f { 
    _border: 1px solid #225377;
    border:none;
    background-color: #C2001F;   
    color:            #292929;
}

/*-------------------------- Language Select Link Style ------------------------------*/

.gsm{
    color:#292929;
    border:0;
    border-radius: 0 0 0 0;
    text-align:center;
}

input.blur{
    color: #999;            
}     

/*-------------------------- Element Link Style ------------------------------*/
.PageHeader_Left{position: absolute;top:10px;left:47px;}
.PageHeader_Right{position: absolute;top:10px;right:47px;}
.PageHeader_Image_Left{position: absolute;top:8px;left:8px}
.PageHeader_Image_Right{position: absolute;top:8px;right:8px}

.facebookProxy_Left{text-align: left;color: #FFF;background-color: #C2001F;}
.facebookProxy_Right{text-align: right;color: #FFF;background-color: #C2001F;}

.FaceBookLogo_Left{position: absolute; left: -18px;top:-6px;}
.FaceBookLogo_Right{position: absolute; right: -13px;top:-6px;}

.FaceBookArrow_Left{margin-right: -12px;float:right;width: 13px; height: 13px; margin-top: 4px;}
.FaceBookArrow_Right{margin-left: -12px;float:left;width: 13px; height: 13px; margin-top: 4px;}


.twitterProxy_Left{text-align: left;color: #FFF;background-color: #C2001F;}
.twitterProxy_Right{text-align: right;color: #FFF;background-color: #C2001F;}

.TwitterLogo_Left{position: absolute; left: -18px;top:-6px;}
.TwitterLogo_Right{position: absolute; right: -13px;top:-6px;}

.TwitterArrow_Left{margin-right: -12px;float:right;width: 13px; height: 13px; margin-top: 4px;}
.TwitterArrow_Right{margin-left: -12px;float:left;width: 13px; height: 13px; margin-top: 4px;}

.DescriptionMsg{background-color: #EBDBDB;margin-bottom: 15px;color:#292929;}
#ServiceDescContainer{background-color: #DDDDDD;margin-top: -16px;  margin-bottom: -15px;color:#666666;}
.PromotionText{background-color: #EBDBDB;color:#C20037;}

div#face-twitter{background-color: white; margin: 0px;border: 1px solid #C2001F;margin-bottom: 15px;}
div.contentSeparator{border: 1px solid #C2001F;margin-bottom: 15px;}
div#PromotionInfo{background-color: white; margin: 0px;border: 1px solid #C2001F;margin-bottom: 15px;}
div#sendSMS{background-color: #C2001F;color:#FFF;}
div#gsmContainer{border-bottom: 1px solid #C2001F;display: none;}
/*-------------------------- Element Link Style ------------------------------*/