.ui-widget-content,.ui-panelgrid td {
    border: 0 none;

    border-width: 0;
    border-radius: 5px 5px 5px 5px;
}

.queue {
    opacity: 0.8;
    padding: 50px 0 0 50px;
}


.handler{
    width:700px; padding-bottom: 200px;padding-top: 200px;padding-left: 200px;
}

.ui-panelgrid td{
    padding: 3px 0px 3px 0px;
}

.ui-widget-content{
    padding: 0px 3px 3px 0px;

}

button{
    border-radius: 10px!important;
    outline:0px!important;
}
input{
    outline:0px!important;
}

.highlightimg img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=88);
    -moz-opacity: 0.88;
    opacity: 0.88;
}

.fb-background{
    background-image:url("../images/fb-logos.png")  !important;  
}

.fb-bt-blue{
    border:1px solid #2c5115!important;
    background-position:0 -294px!important;
    color:#ffffff!important;
    font-weight:700!important;
    cursor:pointer!important;
    padding:2px 6px!important;
}

.fb-icon{
    background-position: -351px -438px!important;
}

.ui-carousel .ui-carousel-header .ui-carousel-header-title{
    width: 50%;
}

.highlightimg:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

dl{
    overflow: scroll;
    height:400px;
    width:310px;
}

dd{
    margin-left: 10px; 
}

dt:not(:empty):hover {
    background: #DBDBDB; 
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
} 

.inputArea{
    width:100% !important; max-width: 100%;min-width: 100%;
}

.listRecommended td:nth-child(1) {
    width: 20px; 
}

.listRecommended td{
    padding-left: 10px;
}

.listRecommended{
    /*float: left;*/ 
    width: 270px;
}

.listRecommended tr{
    background-color: transparent!important;
    border:0!important;
}

.listRecommended label{
    cursor: hand; cursor: pointer;
    color:firebrick;
}

.listRecommended label:hover {
    color: #C53E3E;
}

a{
    text-decoration: none;
}

.ui-widget-header a{
    text-decoration: none;

}

/*.ui-widget{
    font-family: 'Exo', sans-serif !important;
}



.ui-widget-header a{
    font-family: 'Exo', sans-serif !important;
    text-decoration: none;

}*/

a img {border: none; }

.ui-panelgrid tr{
    background: none repeat scroll 0 0 transparent;
    border: 0 solid #AAAAAA;
}

.ui-widget-content li{
    background: none repeat scroll 0 0 transparent;
    border: 0 solid ;
}

img{border:0px none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.search-button {
    /*display: inline-block;*/
    position: relative;
    left: 415px;
    z-index: 3; 
    outline: 0px none; 
    width: 40px; 
    height: 40px; 
    border-radius: 20px!important;
}



/*.ui-panelgrid .ui-widget-header{
background: url("/glossong/javax.faces.resource/images/ui-bg_highlight-soft_15_cc0000_1x100.png.xhtml?ln=primefaces-blitzer") repeat-x scroll 50% 50% #CC0000;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2Q2Nzc1OCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiNTcyYiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    border: 2px solid #E3A1A1;
    color: #FFFFFF;
    font-weight: bold;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
}*/



/*.ui-widget-header{
    border: 1px solid peru!important;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;   
}*/

.ui-panel .ui-panel-titlebar{
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}
/*
.ui-datatable ui-widget tr {
    border: 1px solid;
    border-color: inherit;    
}*/

.ui-accordion .ui-accordion-content{ 
    padding:0px;
}

.registerStyle tr, .registerStyle td {
    border:0 none;
}

.newPasswordStyle td:nth-child(1){
    width:120px;
}

.newPasswordStyle td{
    width:560px;
}


table.footerVideoStyle td{
    table-layout:fixed;

}

table.footerVideoStyle td:nth-child(2) {
    float:right;    
    text-align: right;
}


table.footerVideoStyle td:nth-child(1) {
    width:520px;
}

table.videoStyle td{
    width:560px;
}


.detailsAddLyricStyle tr, .detailsAddLyricStyle td {
    border:0 none;
    padding-bottom: 0px; padding-top: 0px;

}

.playerStyle tr, .playerStyle td {
    padding: 0;
}

/*.ui-datagrid-content, .ui-panelgrid-header, .ui-widget{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}*/

/*tr:nth-child(even) { background: #EEE;}TODO: BORRAR LINEAS border:0 none;}*/
.highlightTD td:not(:empty):hover {
    background: #EEE; 
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
} 

.headerTD td:first-child{
    width:132px;
}
.headerTD{
    background-color: transparent;
    width:100%;
}

.search{    
    float:left;
    display: block;

}

.ui-datagrid .ui-datagrid-header, .ui-datagrid .ui-datagrid-footer{
    text-align:left;    

}

.commonPanel{
    width: 560px; 
}

.listPanel{    
    width: 550px; 
    padding: 0px 20px 0px 5px;

}

.ui-datagrid-content-empty{
    width: 555px;  
}

.selectGender .ui-state-active{
    border: 1px solid #C53E3E !important;
}


.accountOutButton{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2Q2Nzc1OCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiNTcyYiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==)!important;

}

.accountInButton button{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzcxZjA1ZCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRlZmYzMiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==)!important;
    font-weight: bold;
}

/*.listPanel td:nth-child(1) {
    width: 300px; 
}*/

/*tr .ui-state-highlight {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIwLjU3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIwLjQ3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2ZiOGE1OSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2ZjNmQzMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
    background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(249,249,249,0.57) 29%, rgba(249,249,249,0.47) 47%, rgba(251,138,89,0.25) 86%, rgba(252,109,48,0.25) 96%, rgba(201,201,201,0.25) 100%)!important;  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(29%,rgba(249,249,249,0.57)), color-stop(47%,rgba(249,249,249,0.47)), color-stop(86%,rgba(251,138,89,0.25)), color-stop(96%,rgba(252,109,48,0.25)), color-stop(100%,rgba(201,201,201,0.25)))!important;  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,0.57) 29%,rgba(249,249,249,0.47) 47%,rgba(251,138,89,0.25) 86%,rgba(252,109,48,0.25) 96%,rgba(201,201,201,0.25) 100%)!important;  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,0.57) 29%,rgba(249,249,249,0.47) 47%,rgba(251,138,89,0.25) 86%,rgba(252,109,48,0.25) 96%,rgba(201,201,201,0.25) 100%)!important;  Opera 11.10+ 
    background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,0.57) 29%,rgba(249,249,249,0.47) 47%,rgba(251,138,89,0.25) 86%,rgba(252,109,48,0.25) 96%,rgba(201,201,201,0.25) 100%)!important;  IE10+ 
    background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(249,249,249,0.57) 29%,rgba(249,249,249,0.47) 47%,rgba(251,138,89,0.25) 86%,rgba(252,109,48,0.25) 96%,rgba(201,201,201,0.25) 100%)!important;  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#40c9c9c9',GradientType=0 )!important;

    color: #363636;
}*/


thead{
    font-size: 1.3em !important; 
    text-transform: capitalize;
}
html, body {height: 100%}




body {
    /*background-color: #EEE;*/
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjkxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIwLjc5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2RkYTQ4YyIgc3RvcC1vcGFjaXR5PSIwLjE2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2ZjNmQzMCIgc3RvcC1vcGFjaXR5PSIwLjE3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2U0OTc3NyIgc3RvcC1vcGFjaXR5PSIwLjE3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkYzJiZCIgc3RvcC1vcGFjaXR5PSIwLjI2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIwLjI4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIwLjQ0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(204,204,204,0.91) 44%, rgba(201,201,201,0.79) 47%, rgba(201,201,201,0.33) 58%, rgba(221,164,140,0.16) 62%, rgba(252,109,48,0.17) 68%, rgba(228,151,119,0.17) 74%, rgba(205,194,189,0.26) 80%, rgba(201,201,201,0.28) 81%, rgba(201,201,201,0.44) 91%, rgba(201,201,201,0) 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(44%,rgba(204,204,204,0.91)), color-stop(47%,rgba(201,201,201,0.79)), color-stop(58%,rgba(201,201,201,0.33)), color-stop(62%,rgba(221,164,140,0.16)), color-stop(68%,rgba(252,109,48,0.17)), color-stop(74%,rgba(228,151,119,0.17)), color-stop(80%,rgba(205,194,189,0.26)), color-stop(81%,rgba(201,201,201,0.28)), color-stop(91%,rgba(201,201,201,0.44)), color-stop(100%,rgba(201,201,201,0)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(204,204,204,0.91) 44%,rgba(201,201,201,0.79) 47%,rgba(201,201,201,0.33) 58%,rgba(221,164,140,0.16) 62%,rgba(252,109,48,0.17) 68%,rgba(228,151,119,0.17) 74%,rgba(205,194,189,0.26) 80%,rgba(201,201,201,0.28) 81%,rgba(201,201,201,0.44) 91%,rgba(201,201,201,0) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(204,204,204,0.91) 44%,rgba(201,201,201,0.79) 47%,rgba(201,201,201,0.33) 58%,rgba(221,164,140,0.16) 62%,rgba(252,109,48,0.17) 68%,rgba(228,151,119,0.17) 74%,rgba(205,194,189,0.26) 80%,rgba(201,201,201,0.28) 81%,rgba(201,201,201,0.44) 91%,rgba(201,201,201,0) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(204,204,204,0.91) 44%,rgba(201,201,201,0.79) 47%,rgba(201,201,201,0.33) 58%,rgba(221,164,140,0.16) 62%,rgba(252,109,48,0.17) 68%,rgba(228,151,119,0.17) 74%,rgba(205,194,189,0.26) 80%,rgba(201,201,201,0.28) 81%,rgba(201,201,201,0.44) 91%,rgba(201,201,201,0) 100%);  IE10+ 
    background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(204,204,204,0.91) 44%,rgba(201,201,201,0.79) 47%,rgba(201,201,201,0.33) 58%,rgba(221,164,140,0.16) 62%,rgba(252,109,48,0.17) 68%,rgba(228,151,119,0.17) 74%,rgba(205,194,189,0.26) 80%,rgba(201,201,201,0.28) 81%,rgba(201,201,201,0.44) 91%,rgba(201,201,201,0) 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00c9c9c9',GradientType=0 );  
    /*background: url(../images/b.jpg) no-repeat center center fixed;*/ 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    font-size: 10px;
    font-family: Helvetica, Arial, Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif !IMPORTANT; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

    color:#564b47;
    padding:0px;
    margin:0px;
}


.videoStyle thead{
    /*background: url("../javax.faces.resource/images/ui-bg_highlight-soft_75_cccccc_1x100.png.xhtml?ln=primefaces-smoothness") repeat-x scroll 50% 50% #CCCCCC;*/
    background: none repeat scroll 0 0 #F5F5F5;

    /*color: firebrick;*/
    -khtml-border-radius: 6px!important;
    border-radius: 6px; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    /*border: 1px solid #E3A1A1;*/
}

/*.videoStyle a:link {color: firebrick!important;
                    }
.videoStyle a:hover {
    color:sienna!important;
    text-decoration:none;
}*/
a, a:visited,link, active {color:firebrick!important;}    
a:hover {
    color:#f50!important;
}

.pvideoStyle thead{
    /*background: url("../javax.faces.resource/images/ui-bg_gloss-wave_30_cb382e_500x100.png.xhtml?ln=primefaces-glossongred") repeat-x scroll 50% 50%;*/
    /*background: url("../javax.faces.resource/images/ui-bg_highlight-soft_75_cccccc_1x100.png.xhtml?ln=primefaces-smoothness") repeat-x scroll 50% 50% #CCCCCC;*/
    background: none repeat scroll 0 0 #F5F5F5;
    /*color: #FFFFFF;*/
    -khtml-border-radius: 6px!important;
    border-radius: 6px; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    /*border: 1px solid #E3A1A1;*/
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
    width: 920px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #e1ddd9;*/
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    position:relative;
}

/* ----------banner for logo-------------- */
#banner {
    text-align: left;
    padding: 0px;
    margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
#content {
    float: left;
    background-color: transparent;
    padding: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 1px;
    
}
div#content { 
    min-height:auto;
    max-width: 560px;
    height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

.imageCarousel{
    width: 134px;
    height: 95px;
}

.ui-carousel-header{
    width: 536px;
}

p, pre{
    padding: 5px 10px;
    margin:0px;
    font-size: 100%;
}

p2{
    margin:0px;
    font-size: 100%;
}

.box {
    width: 310px;
    height: 200px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    background-color:#f4f4f4;
    padding:5px 10px 15px 15px;
}
.box, .box:before, .box:after {
    background: #f4f4f4;
    border: 1px solid #ccc;
}
.box:before, .box:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 2px;
    right: 2px;
    height: 1px;
    border-top: none;
}
.box:after {
    left: 4px;
    right: 4px;
    bottom: -5px;
    box-shadow: 0 0 2px #ccc;
}


/* --------------left navi------------- */
#left {
    float: right;
    width: 100px;
    margin: 0px;
    padding: 0px;
    position:absolute;
    left: -140px;
}
/* --------------right navi------------- */
#right {
    width: 400px;
    margin: 0px;
    padding: 0px;
    margin-left: 600px;
    margin-top: 0px;
}

/* -----------footer--------------------------- */
#footer {
    clear: both;
    margin: 0px;
    padding: 0px;
    text-align: center;
    /*font-size: 8px;*/
    padding-top: 40px;
    padding-bottom: 30px;
}

/*----- icon */
.icons .add-alt a:before {
    left:6px;
    width:5px;
    height:15px;
    margin-top:-7px;
    background:#c55500;
}

.icons .add-alt a:after {
    left:1px;
    width:15px;
    height:5px;
    margin-top:-2px;
    background:#c55500;
}

.icons .add-alt a:hover:after,
.icons .add-alt a:focus:after,
.icons .add-alt a:active:after {
    background:#730800;
}

.icons ul, div {
    padding:0;
    margin:0;
}

.icons div, .icons li {
    position:relative;
    z-index:1;
    overflow:hidden;
    list-style:none;
    padding:0;
    margin:0 0 0.25em;
}

.icons a:link,
.icons a:visited {
    display:block;
    border:0;
    padding-left:24px;
    color:#c55500;
    padding-right: 5px;
}

.icons a:hover,
.icons a:focus,
.icons a:active {
    color:#730800;
    background:transparent;
}

.icons :before,
.icons :after,
.icons a:before,
.icons a:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
}

.icons a:before,
.icons a:after {
    margin:-8px 0 0;
    background:#c55500;
}

.icons a:hover:before,
.icons a:focus:before,
.icons a:active:before {
    background:#730800;
}


.icons .translate:before {
    left:10px;
    border-width:2px 0 2px 2px;
    border-style:solid;
    border-color:transparent #c55500;
    margin-top:-1px;
}

.icons .translate a:before {
    left:2px;
    width:10px;
    height:10px;
    border:2px solid #c55500;
    margin-top:-6px;
    background:transparent;
    /* css3 */
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

.icons .translate a:after {
    left:9px;
    width:10px;
    height:3px;
    border:1px solid #fff;
    margin-top:-6px;
    /* css3 */
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.icons .translate:hover:before {
    border-left-color:#730800;
}

.icons .translate a:hover:before,
.icons .translate a:focus:before,
.icons .translate a:active:before {
    border-color:#730800;
    background:transparent;
}

.icons .translate a:hover:after,
.icons .translate a:focus:after,
.icons .translate a:active:after {
    background:#730800;
} 

.icons .views {
    padding-left:28px;
}

.icons .views:before {
    left:3px;
    width:14px;
    height:14px;
    margin-top:-8px;
    background:#555;
    -webkit-border-top-left-radius:12px;
    -webkit-border-bottom-right-radius:12px;
    -moz-border-radius:12px 0 12px 0;
    border-radius:12px 0 12px 0;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

.icons .views:after {
    left:6px;
    width:4px;
    height:4px;
    border:2px solid #fff;
    margin-top:-5px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}

/* HOME
------------------------------------------------------------------------------------------------------------------------------- */

.icons .home a:before {
    left:1px;
    border-style:solid;
    border-color:transparent;
    border-width:8px 7px;
    border-bottom-color:#c55500;
    margin-top:-16px;
    background:transparent;
}

.icons .home a:after {
    left:3px;
    width:2px;
    height:4px;
    border-style:solid;
    border-color:#c55500 #c55500 transparent;
    border-width:3px 4px 0;
    margin-top:0;
    background:transparent;
}

.icons .home a:hover:before,
.icons .home a:focus:before,
.icons .home a:active:before {
    border-bottom-color:#730800;
    background:transparent;
}

.icons .home a:hover:after,
.icons .home a:focus:after,
.icons .home a:active:after {
    border-color:#730800 #730800 transparent;
}

.icons .info:hover:before,
.icons .info:focus:before,
.icons .info:active:before{
    background:#730800;
}

.icons .info:before {
    content:"i";
    left:3px;
    width:13px;
    height:13px;
    margin-top:-8px;
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    line-height:15px;
    text-align:center;
    color:#fff;
    background:#c55500;
    /* css3 */
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
    top:8px;
}

.icons .help:hover:before,
.icons .help:focus:before,
.icons .help:active:before{
    background:#730800;
}


.icons .help:before {
    content:"?";
    top:8px;
    left:3px;
    width:13px;
    height:12px;
    margin-top:-8px;
    font-size:14px;
    font-weight:bold;
    line-height:15px;
    text-align:center;
    color:#fff;
    background:#c55500;
    /* css3 */
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
}

.icons .email:before {
    z-index:10;
    left:6px;
    width:12px;
    height:12px;
    border-width:0 1px 1px 0;
    border-style:solid;
    border-color:#fff;
    margin-top:-13px;
    background:transparent;
    /* css3 */
    -webkit-transform:rotate(39deg) skew(-12deg);
    -moz-transform:rotate(39deg) skew(-12deg);
    -ms-transform:rotate(39deg) skew(-12deg);
    -o-transform:rotate(39deg) skew(-12deg);
    transform:rotate(39deg) skew(-12deg);
}

.icons .email a:before {
    left:3px;
    width:6px;
    border-width:6px;
    border-style:solid;
    border-color:#c55500 #c55500 transparent;
    margin-top:-7px;
    background:transparent;
}

.icons .email a:after {
    left:4px;
    border-width:0 8px 9px;
    border-style:solid;
    border-color:#c55500 transparent;
    margin-top:-3px;
    background:transparent;
}

.icons .email a:hover:before,
.icons .email a:focus:before,
.icons .email a:active:before {
    border-color:#730800 #730800 transparent;
    background:transparent;
}

.icons .email a:hover:after,
.icons .email a:focus:after,
.icons .email a:active:after {
    border-bottom-color:#730800;
}