/*-----------------------------------------------------------------------------------*/
/* COMMON SETTINGS */
body, html {
  padding: 0;
  margin: 0;
  height: 100%;
}

table, td, th, div {
  border: 0;
  padding: 0;
  margin: 0;
}

img {
    border: 0;
}

/*-----------------------------------------------------------------------------------*/
/* FONTS */

body, table, td, th, div, input, h1, h2, h3, h4, h5, h6 {
    font-family : Calibri, Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
    color: #000000;
}

body, table, td, th, div, input {
    font-size : 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-size : 18px;
    text-decoration: none;
}

div#page_footer {
    font-size: 11px;
    width: 100%;
    text-align: left;
}

/*-----------------------------------------------------------------------------------*/
/* Body */

body{
    background-color: #FFFFFF;

    /*non-msie: page_alignment */
    }

/*-----------------------------------------------------------------------------------*/
/* Noscript */

div#noscript_warning_red
{
    padding-top: 30px;
    font-size: 16px;
    color: red;
    text-align: center;

    /*non-msie center page_alignment */
        float: left;
    display: block;
    clear: both;
    }

div#noscript_warning_newsession
{
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;

        float: left;
    display: block;
    }

/*-----------------------------------------------------------------------------------*/
/* Header of [aux] window */
body.aux_window{
    text-align: left;
}                           
                           
div#page_header_aux_window
{
    width: 100%; /* cause it's window */
    height: 50px;

    background-color: #FFFFFF;
    background-repeat: repeat-x;     
    background-position: center center;
    background-image: url(/public/images/my/header-transient.png);
}

div#page_header_aux_window img#logo
{
    margin: 10px;
    vertical-align: middle;  
}

div#page_header_aux_window span
{
    vertical-align: -1px;
    color: white;
    font-weight: bold;
    font-size :  18px;
}

div#help_page_main{
    margin: 10px;  
    text-align: left;  
}

/*-----------------------------------------------------------------------------------*/
/* Header */

table#page_header
{
    width: 100%;
    height: 80px;

    background-color: #FFFFFF;
    background-repeat: repeat-x;     
    background-image: url(/public/images/my/header-transient.png);

    /* border-collapse: collapse */;

    /*non-msie: page_alignment */
    clear: both;
    }
    
table#page_header td#header_leftcell img
{
    display: block;
}

table#page_header td#header_rightcell
{
    width: 99%;   
}

table#page_header td#header_rightcell span#webtop_header_message
{
    float: right; 
    position: relative; 
    top: 6px; 
    left: -30px; 
    text-align: right;
    color: white;
}

table#page_header td#header_rightcell span#webtop_header_message img#fw_header_icon
{
    height: 24px;
    margin-right: 10px;
    margin-top: -2px;
    vertical-align: -7px;
    width: 24px;    
}

table#page_header td#header_rightcell button
{
    float: right;

    margin-right: 15px;    
     
    opacity: 0.9;
    filter: alpha(opacity=90);

    background-color: #8995a3; /* todo: customize */  
    color: #FFFFFF;  /* todo: customize */
    border: 1px solid white;  /* todo: customize */

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;      
    
    cursor:pointer;   

        padding: 4px;  
    zoom: 1;  
       
}

table#page_header td#header_rightcell button#disconnect:hover
{
    color: black; /* todo: customize */
    /* background-color: white; */ /* todo: customize */
     
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
    background: -moz-linear-gradient(top, #FFFFFF,  #DDDDDD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');  
       
}

table#page_header td#header_rightcell button#disconnect span
{
       
    padding: 0px;
    display: inline;
}

table#page_header td#header_rightcell button#disconnect img
{
        float: left;
            
    margin-right: 4px;
            
    width: 16px;
    height: 16px;
    display: inline;
}
/* ----------------------------------------------------------------------------------- */
/* Footer */

div#page_footer
{
    width: 100%;
    border-top: 1px solid #738495;
    empty-cells: show;
    display: block;

        float: left;
    display: block;
    } 

div#page_footer div
{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;

    font-size: 11px;
}

/*-----------------------------------------------------------------------------------*/
/* Main Table */

table#main_table
{
    width: 100%;
    height: 78%;
    border-collapse: collapse;
    background-color: #FFFFFF;

        float: left;
    clear: both;
    }

/* -------------------------------------------------------------------------------- */
/* Main Table Image cell */

table#main_table td#main_table_image_cell
{
    vertical-align: top;
    width: 50%;
    /* side image align */
    text-align: center;
}

/* Main Table Image cell: image */

table#main_table td#main_table_image_cell img
{
    margin-top: 40px;
    margin-left: 10px;
    margin-right: 10px;
}

/* -------------------------------------------------------------------------------- */
/* Main Table Info Cell */

table#main_table td#main_table_info_cell
{
    width: 50%;
    vertical-align: top;

    /* form_alignment msie */
    
    /* border: 1px solid blue; */
}

/* ----------------------------------------------------------------------------------- */
/* Form */

/* form height msie */
table#main_table form
{
    height: 100%;
    width: 270px;

    /* form_alignment non-msie */
        float: left;
    clear: both;
    
    /* debug */
    /* border: 1px solid red; */
}

table#main_table table#credentials_table
{
    width: 270px;

    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;

    border-collapse: collapse;
    empty-cells: show;
    background-color: #EEEEEE;

    height: 100%;
}

table#main_table table#credentials_table td#credentials_table_header
{
    height: 46px;
    font-size: 18px;
    color: #303030;
    /* background-color: #FFFFFF; */
    text-align: left;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 16px;
    padding-bottom: 11px;
}

table#main_table table#credentials_table td#credentials_table_postheader
{
    height: 10px;
    color: red;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 3px;
    padding-top: 1px;
}

table#main_table table#credentials_table td.credentials_table_label_cell
{
    width: 33%;
    text-align: left;
    padding-left: 15px;
    padding-right: 2px;
    padding-bottom: 4px;
    height: 30px;
}

table#main_table table#credentials_table td.credentials_table_field_cell
{
    width: 67%;
    text-align: left;
    padding-right: 15px;
    padding-left: 2px;
    padding-bottom: 4px;
    height: 30px;
}

table#main_table table#credentials_table td.credentials_table_unified_cell
{
    width: 67%;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 30px;
}

table#main_table table#credentials_table td.credentials_table_field_checkbox_fix
{
    padding-top: 2px;
}

table#main_table table#credentials_table td#credentials_table_footer
{
    padding-top: 13px;
}

table#main_table table#credentials_table input.credentials_input_password, input.credentials_input_password_disabled, input.credentials_input_text, input.credentials_input_text_disabled
{
    height: 21px;
    width: 85%;
    font-size: 13px;
    border: 1px solid #808080;
}

table#main_table table#credentials_table select.credentials_input_select, select.credentials_input_select_disabled
{
    height: 21px;
    max-width: 85%;
/*    width: 85%; */    
    font-size: 13px;
    border: 1px solid #808080;   
}

table#main_table input.credentials_input_password, input.credentials_input_password_disabled
{
    font-family: sans-serif;
}

table#main_table table#credentials_table input.credentials_input_submit, input.credentials_input_submit_disabled
{
    margin-top: 7px;    
}

table#main_table table#credentials_table input.credentials_input_checkbox, input.credentials_input_checkbox_disabled
{

}

table#main_table table#credentials_table input.credentials_input_password_disabled,input.credentials_input_text_disabled
{
    background-image: url("/public/images/my/header-transient.png");
    background-position: center -60px;
    border: 1px solid #909090;  
} 

table#main_table table#credentials_table label
{
    padding: 0;
    margin: 0;
    display: block;
}

/* ----------------------------------------------------------------------------------- */
/* Intraction */


table#main_table table#interaction_table
{
    width: 270px;

    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;

    border-collapse: collapse;
    empty-cells: show;
    background-color: #EEEEEE;

    /* form height msie */
    height: 100%;

    /* form_alignment non-msie */
        float: left;
    clear: both;
    }

table#main_table table#interaction_table td#interaction_table_header
{
    height: 46px;
    font-size: 18px;
    color: #303030;
    text-align: left;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 17px;
    padding-bottom: 13px;
}

table#main_table table#interaction_table td.interaction_table_text_cell
{
    padding-right: 15px;
    padding-left: 15px;
    text-align: left;
    height: 35px;
}

table#main_table table#interaction_table td.interaction_table_option_cell
{
    padding-right: 15px;
    padding-left: 15px;
    text-align: left;
    height: 35px;
}

table#main_table table#interaction_table td.interaction_table_option_cell img
{
    vertical-align: middle;
    padding-right: 10px;
}

table#main_table table#interaction_table td.interaction_table_footer
{
    padding-top: 15px;
}

/*-----------------------------------------------------------------------------------*/
/* progress bar comparitbility */

div#ProgressBarDIV table
{
    border-collapse: collapse;
    border: 0;
}

div#ProgressBarDIV table#progress_bar_table
{
    text-align: center;
    empty-cells: show;
    margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
}

div#ProgressBarDIV table#progress_bar_table td
{
    width: 21px;
    height: 21px;
    background-color: #FFFFFF;
}

div#ProgressBarDIV table#progress_bar_table td.highlight
{
    width: 21px;
    height: 21px;
    background-color: #738495;
}

/* inspection host compartibility */

div.inspectionHostDIVSmall
{
    visibility: visible;
    border: 0;
    height: 1px;
    width: 1px;
}

div.inspectionHostDIVBig
{
    border: 2px solid black;
    visibility: visible;
    position: absolute;

    top: 5%;
    left: 5%;
    width: 80%;
    height: 73%;

    padding: 5%;
    padding-top: 4%;

    width: expression( "90%" );
    height: expression( "90%" );

    background: #ffffff;
    opacity: 0.9;
    filter: alpha(opacity=95);
    text-align: center;
    z-index: 5;
    height: 100%;
}

div.inspectionHostBgLock
{
    border:0;
    margin:0;
    padding: 0;
    opacity: 0.1;
    filter: alpha(opacity=10);
    visibility: visible;
    position: absolute;  
    top: 60px;
    left: 0px;
    width: 100%;
    height: 94%   
}
/* Error message styling */

table#IHoptions td
{
    height: 35px;
    padding-left: 12px;
}

table#IHoptions a.option
{
    margin-right: 10px;
}

table#IHoptions a.option img
{
    border: 0px;
    clear: right;
    vertical-align: middle;
}

/* CacheCleaneTable */

table#CacheCleanTable
{
    width: 100%;
    height: 100%;

}

table#CacheCleanTable td#main
{
    text-align: center;
}

table#CacheCleanTable td#message
{
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

table.webtopTable
{
    
    width: 100%;
    border-collapse: collapse;
}

table.webtopTable td
{
    width: 100%;
}

/* ----------------------------------------------------------------------------------- */
/* WEBTOP */
/* Footer */
body.webtop{
    background: #FFFFFF url(/public/images/full_wt/body-background.png) repeat-x center 72px;
}

body.webtop_nohead{
    background: #FFFFFF url(/public/images/full_wt/body-background.png) repeat-x center 0px;
}

div#webtop_wrapper{
    min-height: 90%;
    height: auto !important;
    height: 90%;
    margin: 0 auto -20px;  
    padding-bottom: 20px;
}

div#webtop_toolbar{
    width: 100%;    
    height: 33px;
    background: url(/public/images/full_wt/toolbar-background.png) repeat;    
    color: white;    
    clear: both;
    /*non-msie: page_alignment */
    }

div#webtop_toolbar .right{
    float: right;  
}

div#webtop_toolbar .left{
    float: left;   
}

div#webtop_toolbar div.container{ 
    color: white;
    display: inline-block;
    padding-right: 5px; 
    margin-right: 2px;
    margin-left: 8px;   
    margin-top: 3px; 
    border: 1px solid transparent;
}

div#webtop_toolbar div:first-child{
     margin-left: 11px;
}

div#webtop_toolbar div.last_child{
     margin-right: 16px;
}

div#webtop_toolbar .border_hover:hover{
    color: black;    
    border: 1px solid gray;
    
    /* background-color: #E0E0E0; */
     
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
    background: -moz-linear-gradient(top, #FFFFFF,  #DDDDDD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');  
       
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;    
    cursor:pointer;
}

div#webtop_toolbar div.container img{
    vertical-align: -7px;
    margin-right: 2px; 
}

div#webtop_toolbar div.container img.go{
    border: 1px solid transparent;
    margin-right: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    vertical-align: -7px;
    margin-top: 1px;
}

div#webtop_toolbar div.container img.go:hover{      
    background: center #FFFFFF repeat url(/public/images/my/header-transient-small.png);    
    border: 1px solid gray;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;    
    cursor:pointer;  
}

div#webtop_toolbar input#waurl{
    float: left;
    border: 1px solid #737b88;
    margin-top: 1px;
    margin-right: 4px;
    width: 214px;
    font-style: normal;
}

div#webtop_toolbar input#waurl.blur{
    color: #676767; 
    font-style: italic;  
}

/*   */
div#webtop_favorites_outer_container{
    width: 100%;
    padding-top: 5px;  
    text-align: left;   
    /*non-msie: page_alignment */
    clear: both;
     
}

div#webtop_favorites_outer_container #webtop_favorites_inner_container{
    margin-right: 13px;
}

#webtop_favorites_inner_container div.resourcetype{
    margin-left: 13px;
    margin-top: 8px;    
    margin-bottom: 3px;    
    display: block;
}

#webtop_favorites_inner_container div.resourcetype div.title{
    display: table-cell;
    padding-right: 5px;
    color: #244265;    
    white-space: nowrap;
}

#webtop_favorites_inner_container div.resourcetype div.aftertitle{
    display: table-cell;
    width: 100%;
    background: repeat-x url(/public/images/full_wt/aftertitle-background.png); /* todo: customizable */   
    color: #244265;
}

#webtop_favorites_inner_container span.favorite{
    display: inline-block;
    /* exclude border */
    width: 292px;
     
    height: 47px;
        
    margin-left: 13px; 
    margin-bottom: 2px;
        
    border: 1px solid transparent;    
        
}

#webtop_favorites_inner_container span.favorite:hover{
     /* background: white; */
     
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
    background: -moz-linear-gradient(top, #FFFFFF,  #DDDDDD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');  
       
          
     
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;    
    border: 1px solid gray;
    cursor:pointer;   
}

#webtop_favorites_inner_container span.favorite span.image{
     
    display: table-cell;  
    vertical-align: middle; 
        
   
    height: 48px;
    padding-left: 8px;
    padding-right: 8px;  
          
}

#webtop_favorites_inner_container span.favorite span.image img{
         
    width: 32px;
    height: 32px;
        
}

#webtop_favorites_inner_container span.favorite span.caption{
         
    display: table-cell;
        vertical-align: middle;
    width: 240px;    
          
}

#webtop_favorites_inner_container span.favorite span.caption span{
    color: #999999; 
    display:block;
          
}
/* */
#access_webtop_container{
    text-align: left;
}
#access_webtop_container div#status{
    margin-top: 15px;
    margin-left: 22px;
    height: 30px;
    font-weight: bold;  
}
#access_webtop_container div#errormessage{
    width: 490px;
    margin-left: 41px;   
    margin-top: 3px;
    margin-bottom: 12px;
}
#access_webtop_container div#status img{
    margin-top: 3px;
    padding-right: 2px;
    vertical-align: -4px;
    width: 16px;
    height: 16px;
}

#access_webtop_container div#status span{
    padding-left: 5px;
    vertical-align: middle;
}

#access_webtop_container div#data{
    margin-top: 3px;
    margin-left: 20px;    
    border: 1px solid #999999; 
    width: 512px;
    margin-bottom: 10px;
}
#access_webtop_container div#status input{
    float: right;
    }


#access_webtop_container table{
    border-collapse: collapse;
    width: 100%;   
}
#access_webtop_container table th, div#access_webtop_container table td{
    height: 17px;   
    padding: 5px;    
    padding-top: 1px;
    padding-bottom: 2px;  
    text-align: right;  
    vertical-align: top;
}
#access_webtop_container table th.type, div#access_webtop_container table td.type{
    text-align: left;
    width: 160px;
}
#access_webtop_container table th.noboleft, div#access_webtop_container table td.noboleft{
    border-left: 0;
    width: 16%;
}
#access_webtop_container table th.noboright, div#access_webtop_container table td.noboright{
    border-right: 0;  
    width: 16%;    
}
#access_webtop_container table th{
    border: 1px solid #999999;
    border-top: 1px solid white;
    border-left: 1px solid white;
    background-color: #ceccc8;    
    font-weight: normal;   
    width: 45px;   
}
#access_webtop_container table td{
    background-color: white;
    border-right: 1px solid #dddbd7;         
}
#access_webtop_container table td.bold{
    font-weight: bold;      
}
#access_webtop_container table .italic{
    font-style: italic;      
}
#access_webtop_container table td.pad{
    padding-left: 15px;      
}

#access_webtop_container table td span.apptstatus{
    padding-left: 5px;
}

#access_webtop_container table td div.apptstatus_hide{   
    display: none;
}
#access_webtop_container table td div.apptstatus_show{   
    display: block;
    font-style: italic;
    color: red;
    margin-left: 20px;
    margin-top: -1px;   
    margin-bottom: -1px;
    padding-left: 5px;
}
#access_webtop_container table td img{
    margin-top: 2px;
    padding-right: 5px;
    vertical-align: -4px;
    width: 16px;
    height: 16px;
}
#access_webtop_container table tr.total td{
    background-color: #e7e7e7;        
}
#access_webtop_container a#show_details_text{
    margin-left: 20px;       
    text-decoration: none;  
}
#access_webtop_container div#details_text{
    text-decoration: none;  
    margin: 5px 27px 10px;
}
#access_webtop_container div#details_text a{
    display: block;
    width: 200px;
}

/*****************************************
*
*/

div.HostDivNaOnly{
    width: 100%;    
    clear: both;
    /*non-msie: page_alignment */
    }

/*****************************************
Disable vertical srollbar
*/
html.noVerticalScrollbar {
    overflow: hidden;
}

/*****************************************
popup window style
*/

div.styledModalDialogueDIV{
    position: absolute; 
    
    top: 300px; 
    left: 300px; 
   
    width: 430px; 
    height: 252px; 
    
    background-color: white; 
    border: 1px solid #202020;
}

div.styledModalDialogueDIV input{
    float: none;
}

div.styledModalDialogueDIV div#SMDHeader{
    height: 55px; 
    
    background-color: #FFFFFF;
    background-repeat: repeat-x;     
    background-position: center center;
    background-image: url(/public/images/my/header-transient.png);
}

div.styledModalDialogueDIV div#SMDHeader div#SMDTitle{
    display: inline; 
    float: left; 
    margin-top: 19px; 
    margin-left: 16px; 
    color: white;
}

div.styledModalDialogueDIV div#SMDHeader div#SMDCross{
    display: inline; 
    float: right; 
    margin: 7px; 
    color: white
}    

div.styledModalDialogueDIV div#SMDMain{
    height: 116px; 
    padding: 16px;    
    color: black;
}

div.styledModalDialogueDIV div#SMDMain span{
    display: inline-block;
    text-align: left;
    width: 110px;
    margin-top: 10px;
}

div.styledModalDialogueDIV div#SMDButtons{
    height: 24px; 
    padding: 12px 16px; 
    background-color: #f0f0f0; 
    border-top: 1px solid #dfdfdf; 
    text-align: center; 
}

div.styledModalDialogueDIV div#SMDButtons input{
        margin-left: 5px;
    margin-right: 5px;
}

div.browserCitrix{
    border: 1px solid black;
    background: #FFFFFF url(/public/images/full_wt/body-background.png) repeat-x center 0px;
    position: absolute;
}

div.browserCitrix div.browserFavorite{
}
 
div.browserCitrix div.browserFavorite img{
    float: left;
    margin-top: 30px;
    margin-left: 30px;    
}

div.browserCitrix div.browserFavorite span{
    float: left;
    margin-top: 38px;
    margin-left: 15px; 
}

div.browserCitrix input.closeButton{
    float: right;
    margin-top: 36px;
    margin-right: 18px;    
}


div.browserCitrix div.browserAddressline{
    border-top: 1px solid #8fa0b4;
    border-bottom: 1px solid #8fa0b4;   
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    text-align: left;
    padding-top: 10px;    
    padding-bottom: 1px;    
}

div.browserCitrix div.browserAddressline a{
    color: black;
    padding-left: 4px;
    padding-right: 4px;
} 


div.browserCitrix div.browserContents{
    overflow-y: auto;
    -ms-overflow-y: auto;
        overflow: auto;
    }

/* Start CSS CLAAS: 12.06.2015 */
html * {
    font-size: 100%;
}
* {
    margin: 0;
    padding: 0;
}
body {
    color: #000000;
    font-family: arial;
    font-size: 14px;
    overflow-y: scroll;background: none repeat scroll 0 0 #FFFFFF;
    text-align: left;
}
.ym-wrapper.loginpage {
    border: 1px solid #000000;
    margin: 30px auto 100px auto;
    max-width: 990px;
}
.loginpage .inner {
    padding: 0 40px 40px;
}
.loginpage #header {
    min-height: inherit;
}
#header {
    background: none repeat scroll 0 0 #FFFFFF;
    min-height: 137px;
    padding: 0;
}
.ym-clearfix:before {
    content: "";
    display: table;
}
.ym-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.loginpage #header #logo {
    padding: 40px 0;
}
.ym-g50 {
    width: 50%;
}
.ym-gl {
    float: left;
    margin: 0;
} 
#header #logo img {
    max-width: 237px;
}
img, figure {
    margin: 0;
}     
#header #logo .ym-gr {
    margin-top: 10px;
    text-align: right;
}
.ym-g33 {
    width: 33.333%;
}
.ym-gr {
    float: right;
}    
b, strong {
    font-family: arial;
    font-weight: normal;
}
#formWrapper {
    font-family: arial;
}
#formWrapper {
    overflow: hidden;
}
#formWrapper {
    margin-bottom: 50px !important;
}
.ym-g50 {
    width: 50%;
}
.ym-gr {
    float: right;
    margin: 0 0 0 -5px;
} 
.loginpage #formWrapper input, .loginpage #formWrapper .styled-select, .loginpage #formWrapper select {
    box-sizing: border-box;
}           
.loginpage #formWrapper input, .loginpage #formWrapper .styled-select, .loginpage #formWrapper select {
    box-sizing: border-box;
}
#formWrapper .styled-select {
    background: url("http://www.claas.de/blueprint/images/formulare/select.gif") no-repeat scroll right center #D8D7D7;
    border: 1px solid #BBBBBB;
    border-radius: 1px;
    box-shadow: 0 0 3px #CCCCCC;
    height: 27px;
    overflow: hidden;
    width: 90%;
}
p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0 1.5em;
}
#formWrapper label {
    display: block;
    font-family: arial;
    margin: 10px 0 4px;
}
#formWrapper .styled-select select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 0;
    color: #000000;
    height: 27px;
    line-height: 1;
    padding: 5px;
    width: 110%;
}
.loginpage #formWrapper input, .loginpage #formWrapper .styled-select, .loginpage #formWrapper select {
    box-sizing: border-box;
}

.loginpage #formWrapper button {
    cursor: pointer;
    float: right;
}
.btn-info, .btn-action {
    background: none repeat scroll 0 0 #4A4A43;
    border: 1px solid #4A4A43;
    color: #FFFFFF;
    display: block;
    font-family: arial;
    font-size: 15px;
    padding: 10px 11px;
    text-align: center;
    text-decoration: none;
}
.btn-info:hover, .btn-info:hover, .btn-action:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #4A4A43;
}
#formWrapper input[type="text"],
#formWrapper input[type="password"] {
    background-color: #D8D7D7;
    border: 1px solid #BBBBBB;
    border-radius: 1px;
    box-shadow: 0 0 3px #CCCCCC;
    color: #000000;
    display: block;
    max-width: 100%;
    min-width: 97%;
    width:97%;
    padding: 5px 18px 5px 8px;
}
#formWrapper input:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #555555;
    box-shadow: 0 0 3px #AAAAAA;
}
.capture_css {
    width: 450px;
    padding-top: 15px;
    }
    
/* End CSS CLAAS: 12.06.2015, 07.08.2015 */
/*********************************************************
* Custom protocol installation dialog boxes related styles
*/

div.cphBackgroundDimmed {
    background-color: rgba(255, 255, 255, 0.80);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
}

div.cphDownloadDialogDIV {
    background-color: #fefefe;
    border-style: solid;
    border-color: #6b6b6b;
    border-width: 1px;
    text-decoration: none;

    position: absolute;
    max-width: 620px;
    height: auto;
    max-height: 600px;
    display: table;

    z-index: 100;
    text-align: left;
    margin: auto;

    left: 0;
    right: 0;
    top: 40px;
    opacity: 10;
}

div.cphPopupHeaderDiv {
    background-image: url("/public/images/my/flogo_mobile.png");
    background-position: 4px 6px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    z-index: 101;
    text-align: left;
    vertical-align: middle;
    background-color: #FFFFFF;
    padding-left: 46px;
    padding-right: 4px;
}

div.cphPopupBodyDiv {
    padding: 20px;
    padding-bottom: 24px;
}

div.cphCopyrightDiv {
    width: 600px;
    font-size: 9px;
    text-align: right;
    padding: 10px;
    padding-right: 18px;
}
div.cphCopyrightDiv:after {
    color: #808080;
    content: "All rights in the texts, images and pictures, logos, animations, videos, sounds, and graphics used and in their arrangement on the Internet sites are reserved to CLAAS KGaA mbH. They are subject to copyright protection or other proprietary rights and must not be used, copied, distributed or modified for the commercial purposes of any third parties.Unless otherwise specified, the CLAAS logos, name plates, brand names and brand lettering as well as emblems are protected by trademark law and may neither be used for advertising purposes nor for the public dissemination of the information offered on this site without CLAAS KGaA mbH’s previous specific approval in writing.";
}

div.cphDownloadDialogDIV, div.cphDownloadDialogDIV *, div.cphPopupBodyDiv {
    font-family: 'Open Sans Regular', 'Noto Sans',Helvetica,Arial,sans-serif;
    color: #2c2e2f;
}

div.cphDownloadDialogDIV, div.cphDownloadDialogDIV span, div.cphDownloadDialogDIV td,
div.cphDownloadDialogDIV p, div.cphPopupBodyDiv, div.cphSkipTooltip {
    font-size: 13px;
}

div.cphPopupHeaderDiv td, div.cphCloseBtnDiv {
    font-family: 'Open Sans Regular',Helvetica,Arial,sans-serif;
    color: #ffffff;
    padding-right: 4px;
    font-size: 14px;
}

div.cphPopupHeaderDiv td {
    text-decoration: none;
    padding: 0px;
}

div.cphPopupHeaderDiv table {
    width: 100%;
    height: 100%;
    padding: 0px;
    border-width: 0px;
    border-spacing: 0px;
}

div.cphPopupBodyDiv {
    width: 100%;
    z-index: 101;
    text-align: left;
    box-sizing: border-box;
}

div.cphPopupBodyDiv h2 {
    margin: 20px 1px; 
    font-size: 32px;
}

div.cphPopupBodyDiv h3 {
    font-size: inherit;
    font-family: inherit;
    padding: 0px;
    margin: 0px;
    margin-bottom: 12px;
}

div.cphPopupBodyDiv table {
    color: #2c2e2f;
    width: 100%;
    padding: 0px 0px 0px 0px;
    border-width: 0px;
    border-spacing: 0px;
}

div.cphPopupBodyDiv tr, div.cphPopupBodyDiv td {
    text-decoration: none;
    padding: 0px;
}
div.cphPopupBodyDiv td {
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.cphPopupBodyDiv td:last-child {
    padding: 0px;
}

div.cphPopupBodyDiv a, div.cphPopupBodyDiv a.expander-link {
    color: #2c87f0;
    border-bottom: 1px solid #dbdbdb;
    text-decoration: none;
}

div.cphPopupBodyDiv a.expander-link {
    display: inline-block;
    margin-top: 1em;
}

.cphPopupExpandDiv {
    background-color: #fefefe;
    position: relative;
    margin-top: -2em;
    padding-top: 2em;
    display: none;
}

.cphPopupExpandDiv:target {
    display: block;
}

div.cphDownloadBtnDiv, div.cphSkipBtnDiv {
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 4px 1px;
    width: 160px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    border-color: #cbcbcb;
    border-width: 1px;
    border-radius: 4px;
    border-style: solid;
    display: inline-block;
    background-image: linear-gradient(#ffffff, #d7d7d7);
}

div.cphPopupBodyDiv a.cphSkipLink {
    display: inline;
    text-align: left;
    text-decoration: none;
    border-bottom: 1px solid #dbdbdb;
}
div.cphSkipTooltip {
    margin: 5px 0px 5px 0px;
    visibility: hidden;
}
div.cphPopupBodyDiv a.cphSkipLink:hover + div.cphSkipTooltip {
    visibility: visible;
    transition-duration: 0.2s;
}

div.cphCloseBtnDiv  {
    text-align: right;
    margin: 4px 0px 0px 10px;
    box-sizing: border-box;
}

div.cphCloseBtnDiv:hover  {
    color: #ffffff;
}
div.cphCloseBtnDiv:after  {
    content:"\00d7";
    font-size: 28px;
    font-weight: lighter;
    font-family: Courier;
}

.cphBtnA {
    border: none !important;
    text-decoration: none !important;
}

.cphDivider {
    margin-top: 32px;
    margin-bottom: 18px;
    padding: 0;
    border: none;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
}

/*********************************************************
This part was automatically appended to apm_full.css to ensure compartibility with Webtop new look
*/

/* custom webtop header+footer */
table#page_header.f5cust
{
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24) 0 0 4px 0 rgba(0, 0, 0, 0.12);
}

table#page_header.f5cust td#header_rightcell span#webtop_header_message {
    float: left;
    top: 4px;
    color: #000000;
}

table#page_header.f5cust td#header_rightcell button#disconnect
{
    background: #f44336;
    padding: 0;
    border: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

table#page_header.f5cust td#header_rightcell button#disconnect:hover
{
    transition: 0.3s ease;
    background: #4285f4;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10), 0px 5px 5px 0px rgba(0,0,0,0.22);
}

table#page_header.f5cust td#header_rightcell button#disconnect span
{
    padding: 4px 14px 9px 11px;
    color: #FFFFFF;
    display: block;
}

table#page_header.f5cust td#header_rightcell button#disconnect img
{
    display: none;
}

div#page_footer.f5cust
{
    border: 0;
    padding-bottom: 2px;
    text-align: center;
}

div#page_footer.f5cust div
{
    padding: 0px;
}
/* /custom webtop header+footer */

/* custom webtop body */
body.webtop2{
    background-color: #f8f8f8;
}

body.webtop_nohead2{
    background-color: #f8f8f8;
}
/* /custom webtop body */

/* replacing toolbar */
div#webtop_header_sep{
    width: 100%;
    height: 3px;
    background-color: #6d7982;
}

div#webtop_header_sep.f5cust{
    height: 5px;
    background-color: #f44336;
}
div#webtop_searchdiv{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
}

div#webtop_searchdiv input#searchinp{
    width: 20%;
    min-width: 270px;
    height: 20px;
    padding: 5px 10px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background-color: white;
    font-style: italic;
    color: #808080;
}

div#webtop_searchdiv img#searchimg{
    margin: 0px 0px 2px -27px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

div#webtop_settings{
    float: right;
    visibility: hidden;
    margin-right: 20px;
}

div#webtop_settings.freefloat {
    margin-bottom: -40px;
    margin-top: 10px;
}

div#webtop_settings div{
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 2px;
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: inherit;
}

div#webtop_settings div:hover{
    background-color: #d0d0d0;
}
div#webtop_settings div img{
    width: 28px;
    height: 28px;
}

div#noticebox{
   position: absolute;
   top: 0;
   display: none;
   width: 100%;
   background-color: rgb(247, 242, 219);
   padding: 10px 20px 10px 20px;
   text-align: center;
   opacity: 0.8;
   filter: alpha(opacity=80);
}
/* /replacing toolbar */

/* new inner and outer container */
div#webtop_favorites_outer_container2{
    width: 100%;
    padding-top: 5px;
    text-align: left;
    /*non-msie: page_alignment */
    clear: both;
    }

div#webtop_favorites_inner_container2{
    padding-right: 20px;
    text-align: left;
}

#webtop_favorites_inner_container2 div.resourcetype{
    display: block;
    margin: 22px 0px 8px 19px;
}

#webtop_favorites_inner_container2 div.resourcetype div.title::before{
    display: inline-block;
    content: "";
    vertical-align: middle;
    height: 100%;
}

#webtop_favorites_inner_container2 div.resourcetype div.title{
    display: inline;
    vertical-align: middle;
    font-size: 22px;
}

#webtop_favorites_inner_container2 div.resourcetype img.expand{
    display: inline;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
}

#webtop_favorites_inner_container2 span.favorite{
    display: inline-block;
    width: 252px;
    height: 127px;
    margin: 5px 0px 15px 20px;

    vertical-align: top;

    border-radius: 2px;
    box-sizing: border-box;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);

    background: white;
    text-align: left;
}

#webtop_favorites_inner_container2 span.favorite:hover{
    cursor: pointer;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10), 0px 6px 6px 0px rgba(0,0,0,0.22);
    transition: box-shadow 0.3s ease;
}
#webtop_favorites_inner_container2 span.favorite span.image{
    display: table-cell;
    padding: 17px 16px 17px 17px;
}

#webtop_favorites_inner_container2 span.favorite span.image img{
    width: 40px;
    height: 40px;
}

#webtop_favorites_inner_container2 span.favorite span.caption{
    width: 161px;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    word-wrap: break-word;
    word-break: break-all;
}

#webtop_favorites_inner_container2 span.favorite span.description{
    display: block;
    color: #707070;
    margin: -1px 17px 0px 17px;
    height: 35px;
    overflow: hidden;
    word-wrap: break-word;
}

#webtop_favorites_inner_container2 span.favorite span.caption span{
  display: inline-block;
  width: 161px;
  word-wrap: break-word;
}

@-moz-document url-prefix() {
  #webtop_favorites_inner_container2 span.favorite span.description{
    height: 38px;
  }
}

#webtop_favorites_inner_container2 span.favorite span.restart{
        display: table-cell;
    vertical-align: middle;
    
    width: 20px;
    }

#webtop_favorites_inner_container2 span.favorite span.restart img{
    
    width: 20px;
    height: 20px;

}
/* /new inner and outer container */

/* new browser citrix */
div.browserCitrix{
    border: 1px solid black;
    background: #f8f8f8;
    position: absolute;
    overflow: auto;
}
/* /new browser citrix */

#access_webtop_container table td div.apptstatus_name{
    text-overflow: ellipsis;
    width: inherit;
    white-space: nowrap;
    overflow: hidden;
}

/*** Start of TAS Auth *****/
#tas_auth_container {
    margin: 0px auto;
    padding : 5px;
    width: 95%;
    min-height: 78%;
    max-width: 350px;
    border-radius: 4px;
    background-color: #ffffff;
}
#tas_auth_container .overflow-auto{
    overflow: auto;
}
#tas_auth_container .width-100pct{
    width: 100%;
}
#tas_auth_container .normal-text{
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #354052;
}
#tas_auth_container .bold{
    font-weight: bold;
}
#tas_auth_container .label-text {
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #7f8fa4;
}
#tas_auth_container .text-center{
    text-align: center;
}
#tas_auth_container .text-left{
    text-align: left;
}
#tas_auth_container .input[type="text"]{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#tas_auth_container .input {
    -webkit-appearance: none;
    height: 36px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #dfe3e9;
    width: 100%;
}
#tas_auth_container .button{
    color: #ffffff;
    background-color: #1991eb;
    border: solid 1px #dfe3e9;
    cursor: pointer;
}
#tas_auth_container .link{
    color: #3b7adb;
    cursor: pointer;
}
#tas_auth_container .padding-5 {
    padding : 5px;
}
#tas_auth_container .margin-top-5 {
    margin-top: 5px;
}
#tas_auth_container .margin-top-15 {
    margin-top: 15px;
}
#tas_auth_container .margin-top-25{
    margin-top: 25px;
}
#tas_auth_container .margin-20-auto {
    margin: 20px auto;
}
#tas_auth_container .margin-bottom-20{
    margin-bottom: 20px;
}
#tas_auth_container .mobile-image-div{
    float: left;
}
#tas_auth_container .mobile-image{
    max-width: 120px;
    max-height: 156px;
}
#tas_auth_container .mobile-instruction-div{
    width: 100%;
    height: 156px;
    line-height: 156px;
}
#tas_auth_container .mobile-instruction-div p{
    float: right;
    margin-top: 22%;
    width: 59%;
    text-align: left;
}
#tas_auth_container #tokenError{
    font-size : 12px;
    color: red;
    float: left;
    margin: 1px 5px 5px 0px;
    display: none;
}
#tas_auth_container .error-color{
    color: #ff3434;
}
/*** End of TAS Auth *****/

/*** Start of TAS Device Reg ***/
#tas_registration_container {
    margin: 0px auto;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    background-color: #ffffff;
    width: 95%;
    min-height: 78%;
    min-width: 300px;
}
#tas_registration_container .header{
    font-size: 24px;
    color: #354052;
    width: 95%;
    margin: 5px auto 5px auto;
    text-align: left;
}
#tas_registration_container .step-text{
    width: 95%;
    margin: 10px auto 10px auto;
    font-size: 14px;
    line-height: 1.36;
    color: #354052;
    text-align: left;
}
#tas_registration_container .section{
    width: 288px;
    vertical-align: top;
    display: inline-block;
}
#tas_registration_container .input[type="text"]{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#tas_registration_container .input {
    -webkit-appearance: none;
    height: 36px;
    width: 100%;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #dfe3e9;
}
#tas_registration_container .input[disabled="disabled"] {
    background-color: lightgrey;
}
#tas_registration_container .button {
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.36;
    color: #ffffff;
    background-color: #1991eb;
    cursor: pointer;
}
#tas_registration_container .button[disabled="disabled"] {
    background-color: #8c8989;
}
#tas_registration_container .link-btn {
    padding: 6px 40%;
    text-decoration: none;
}
#tas_registration_container .padding-5{
    padding: 5px;
}
#tas_registration_container .margin-5-auto{
    margin: 5px auto;
}
#tas_registration_container .margin-top-10{
    margin-top: 10px;
}
#tas_registration_container .margin-bottom-30{
    margin-bottom: 30px;
}
#tas_registration_container .text-center{
    text-align: center;
}
#tas_registration_container .example-text{
    font-size: 13px;
    font-style: oblique;
    margin-top: 25px;
    margin-bottom: 0px;
}
#tas_registration_container #phoneError{
    font-size : 12px;
    color: red;
    float: left;
    margin: 1px 5px 5px 0px;
    display: none;
}
#tas_registration_container .sub-section{
    width: 95%;
    margin: 15px auto 5px auto;
}
#tas_registration_container #qrcode{
    width: 180px;
    height: 180px;
    margin: 5px auto 5px auto;
    cursor: none;
}
#tas_registration_container .separator-text{
    width:auto;
    vertical-align: middle;
    padding: 85px 10px 0px 10px;
}
/*** End of TAS Device Reg ***/