body, td, input, button, textarea, select {
    font-size: 8pt;
    color: #808080;
}

td {
   /* vertical-align: top;*/
}

.atom-form-label {
    text-align: right;
}
    hr {
    border: 0;
    height: 1px;
    background: #EFEFEF;
    }
    .atom-header-bar {
    /*background: #ce5f5f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlNWY1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RhMzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RhMzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ce5f5f 0%, #da3535 50%, #da3535 50%, #fd4848 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce5f5f), color-stop(50%,#da3535), color-stop(50%,#da3535), color-stop(100%,#fd4848)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #ce5f5f 0%,#da3535 50%,#da3535 50%,#fd4848 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #ce5f5f 0%,#da3535 50%,#da3535 50%,#fd4848 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, #ce5f5f 0%,#da3535 50%,#da3535 50%,#fd4848 100%); /* IE10+ */
    /*background: linear-gradient(top, #ce5f5f 0%,#da3535 50%,#da3535 50%,#fd4848 100%);*/ /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce5f5f', endColorstr='#fd4848',GradientType=0 );*/ /* IE6-8 */
    color: White;
    background: White; /* Old browsers */
    border-radius:0px;
    }

.atom-window {
    background: #cc0000;
    color: #000000;
}

.atom-window-title {
    font-weight: bold;
    color: #ffffff;
}

.atom-form-title {
    font-weight: bold;
    text-align: left;
}


 

.atom-list-box .selected-item
{
background: rgba(0, 0, 0, 0.1); /* Old browsers */
 
 
}
 
.profile-editor-form .atom-form-title {
    padding-top: 5px;
}

img {
    border: 0;
}

.grid {
    border: 1px solid #8C8C8C;
}
 

.roundborder {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 0px;
    border: 1px solid;
    border-color: #ff3019;
}

.header {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 4px;
    border: 1px solid;
    border-color: #ff3019;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
}




body {
    overflow: hidden;
}

input, select{

height: 20px;
padding-left: 8px;
outline: none;
color: #333;
background-color: #fff;
background-repeat: no-repeat;
border: 1px solid #ccc;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
/*box-shadow: inset 0 1px 2px rgba(0,0,0,.075);*/
vertical-align: middle;
}


#application {
    height: 100%;
}

#applicationHeader > * {
    padding-top: 2px;
}

#applicationFooter {
    margin: 2px;
    width: 100%;
    height: 30px;
    padding-left: 5px;
    color: #808080;
}

    #applicationFooter > * {
    }

#leftPanel {
    overflow: hidden;
    width: 186px;
    margin: 2px;
    height: inherit;
    background-color: #FFFFFF;
    padding: 5px;
    overflow: hidden;
}

#RenderTabs {
    margin: 1px;
    padding: 5px 2px 5px 5px;
}

.applicationToolbar {
    height: 100px;
    width: 100%;
}

#choiceBar > * {
    width: 150px;
}

#profileTabButtons > * {
    width: 80px;
}


#RenderTabs {
     
    background-color: #FFFFFF;
    overflow: hidden;
    height: 100%;
}


.atom-view-stack1 {
    visibility: hidden;
    position: absolute;
}

.atom-border-box {
    border-color: #e0e0e0;
}

.casting-file-list {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    padding: 2px;
    border-radius: 5px;
    height:140px
}

        .casting-file-list .list-item {
            padding: 10px;
            height: 95px;
            width: 120px;
            overflow:auto;
            margin: 2px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            display: inline-block;
            text-align: center;
        }

        .casting-file-list .list-item .atom-delete-button {
            right: 50%;
            margin-left: -31px;
            left: 50%;
            bottom: 2px;
            position: absolute;
        }

        .casting-file-list .list-item img {
            -moz-box-shadow: 0 0 5px #888;
            -webkit-box-shadow: 0 0 5px #888;
            box-shadow: 0 0 5px #888;
            margin: 0 auto;
        }

        button {
            /*background: linear-gradient(rgba(0,0,0,0.04), rgba(0,0,0,0.1));*/
            border: 1px solid rgba(0,0,0,0.1);
            min-height: 25px;
            vertical-align: middle;
        }

        .atom-link-bar .list-item.first-item {
            
        border-color:#8C8C8C;
        border-bottom-left-radius:6px;
        border-top-left-radius:6px;
               

        }
        .atom-link-bar .list-item.last-item {
        border-bottom-right-radius:6px;
        border-top-right-radius:6px;
        }


        .atom-list-box .list-item {
        color: #8C8C8C;
        background:  White;
        padding: 5px;
        }

        .atom-list-box .list-item:hover
        {
        background: #eeeeee; /* Old browsers */
        color:Black;
        }

        .atom-column
        {
        background: #b7b7b7; /* Old browsers */
        padding-left:5px;
        }


        .atom-link-bar .list-item {
        color: #8C8C8C;
        background:  #F8F8F8;
        padding: 5px;
            
        }
        .atom-link-bar .selected-item{
        background:  #727272;
        color:White;
        }


        .atom-link-bar .list-item:hover {
        background: #42A8D6;
        color:#ffffff;
        }
     
        .menu .items-presenter {
         display:block;
         clip:auto;
        }

        .menu .list-item
        {
        background: #ffffff; /* Old browsers */
        color:gray;
        
        border-bottom:1px #F0F1F2 solid;
        

        }
          .menu .list-item.first-item
        {
              border-bottom:1px #F0F1F2 solid;
              border-radius:0px;
        }
           .menu .list-item.last-item
        {
             border-bottom:1px #888 solid;
             border-bottom-left-radius:5px;
             border-bottom-Right-radius:5px;
             border-top-right-radius:0px;
        }
        .menu .selected-item
        {
         
         background: White;
         color:#E33244;
       
        }

        .menu .list-item:hover
        {
        background: #727272;  
        color:White;  
        
        }
    
        .menu{
        background-color: #888;
        padding:0px;
        border:0px;
        z-index:600;
        color:#E33244; 
        }

        .menu a
        {
        color:#888;      
        height:100%;
        width:100%;
        text-align: left;
        display: inline-block;
        }
        .menu a:hover
        {
         color:White;    
        
        }

        .atom-form-label {

        color:#404040;
        font-weight:normal;
        }
        .atom-help-button {
        background-image: url('../Content/images/buttons/Help.png'); 
        color: #888;
        font-weight:normal;
        }
        .atom-help-button:hover  {
        background-image: url('../Content/images/buttons/Help.png'); 
    
        color: #888;
        font-weight:normal;
        }
     
            .atom-link-bar-down-image > span {
            display:inline-block;
            padding-right:15px;
            background-image: url('../Content/images/buttons/arrow.png'); 
            background-position: right;
            background-repeat: no-repeat;
            }


            .atom-toggle-button-bar .list-item {

            background: #e0e0e0; /* Old browsers */
                
            font-size:12px;
            color:#000000;


            }

            .atom-toggle-button-bar .selected-item {

            background: #727272; /* Old browsers */
            color:#ffffff;

            }
            .atom-toggle-button-bar .list-item:hover {

            background: #AFAFAF; /* Old browsers */
            background: -moz-linear-gradient(top,  #42a8d6 27%, #42a8d6 73%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#42a8d6), color-stop(73%,#42a8d6)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #42a8d6 27%,#42a8d6 73%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #42a8d6 27%,#42a8d6 73%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #42a8d6 27%,#42a8d6 73%); /* IE10+ */
            background: linear-gradient(to bottom,  #42a8d6 27%,#42a8d6 73%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a8d6', endColorstr='#42a8d6',GradientType=0 ); /* IE6-9 */
            color:#ffffff;
            background-color: #AFAFAF;  
            }

            .atom-tab-button-bar .list-item {
            background:    -webkit-linear-gradient(top, #F0F1F2   0%,#F0F1F2   30%,#F0F1F2   70%);
            background: #f0f1f2; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjFmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iI2YwZjFmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
            background: -moz-linear-gradient(top,  #f0f1f2 0%, #f0f1f2 97%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f1f2), color-stop(97%,#f0f1f2)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #f0f1f2 0%,#f0f1f2 97%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #f0f1f2 0%,#f0f1f2 97%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #f0f1f2 0%,#f0f1f2 97%); /* IE10+ */
            background: linear-gradient(to bottom,  #f0f1f2 0%,#f0f1f2 97%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f2', endColorstr='#f0f1f2',GradientType=0 ); /* IE6-8 */

            color:#8C8C8C;
            border:none;
            padding:6px;
            border-top:1px #888888  ;

            }
            .atom-tab-button-bar .selected-item {

     
            background: #CECECE;
            color:#4a4a4a;
            border:none;
            padding:6px;
            border-top:1px #888888  ;
      
            }

            .atom-tab-button-bar .items-presenter{
            display:inline-block;
            border-bottom-style:solid;
            border-bottom-width:1px;
            border-bottom-color:#CECECE;
            margin:2px;
            padding:6px;
            }

             /* Author: Jitendra
     ***************************** for Fix the position Table Header *****************************  */
.fixed_headers {
    table-layout: fixed;
    border-collapse: collapse;
    height:95%;
   display:block;
}
  .fixed_headers  th {
        border-right:2px solid #CECECE;
  
  
    }
    .fixed_headers  td
     {
        /*border-right:2px solid;*/
    }
  .fixed_headers  thead >tr{
        
            display: block;
            position: relative;
            margin-bottom: 4px;
      
    }

  .fixed_headers  tbody {
        display: block;
        overflow: auto;
        width: 100%;
        height:96%;
    
    }

   .fix_album {
        position: fixed;
        width: 120px;
        color: black;
        right: 492px;
    }
@media screen and (max-width:1024px) {
       .fix_album {
        position: fixed;
        width: 120px;
        color: black;
        right: 38px;
    }
}