.gridCSS:hover
{
    background-color: #FFF7EE;
}
.gridAlternateCSS
{
    background-color: #f0f8ff;
}
.gridAlternateCSS:hover
{
    background-color: #FFF7EE;
}

.datatable {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	 width:100%;
	 min-width: 400px; 
	/*border: 1px solid #CCCCCC;*/
	/*font-family: "Segoe UI", "Helvetica Neue", "Lucida Grande", Helvetica, Verdana, sans-serif;
    font-family: 'open_sansregular';
     font-weight: 400;*/
	text-align: left;
    line-height: 20px; 
    /*font-size: 85%; /*line-height: 1.3; /*13/18*/ }	*/
}

/*.datatable td{
    background-color:#E7E9EA; cursor: pointer;
}*/
.datatable th {
	/*border-left: 2px solid #CCCCCC; */
	padding: 10px 5px 6px 6px;  }
	
.datatable td, .datatable th {
/*border-left: 1px solid #CCCCCC; */
	padding: 9px 5px 8px 6px;  border-bottom: 2px solid #ffffff;    }	
	
.datatable th {color: #ffffff;}	

.datatable a {text-decoration:none; color:#29527A;}

.datatable a:hover {color:#000000;  text-decoration: underline; }

.datatable2 a {text-decoration:none; color:#29527A;display: block; width: 100%; height: 100%; }

.datatable2 a:hover {color:#000000;  text-decoration: none; }


.column_head, .thumb_head{ text-align: left; background-color:#737E82;}

.column_head a, .thumb_head a{color: #ffffff; display: inline-block;}
.thumb_head{width: 98%; display: block; color: #ffffff; font-weight: bold; padding: 8px 5px 6px 10px; margin-bottom: 18px;}
.column_head a:hover .thumb_head a:hover{text-decoration: none; color: #ffffff;}
.sort_image_thumb { width: 13px; height: 14px; }

    .td_titulo{ width: 46%;}
.td_editora{ width: 15%;}
.td_licenciador{ width: 15%;}
.td_periodo{ width: 10%;}
.td_edicoes{ width: 16%;}

a span.tooltip  {display: none;}

a:hover span.can {color:#000000;  text-decoration: none;}

.page_info { margin-bottom: 15px;}
 
.numeric_button, .next_button{background-color:#E7E9EA; display: inline-block; background-color:#D2D4D6; 
    font-weight:bold;
    padding: 4px 6px;
    /*border:1px solid #DDDFDF;*/
}

.numeric_button a, .next_button a
{ text-decoration: none;
}

a:hover.numeric_button, a:hover.next_button  {text-decoration: none; background-color:#555555; color: #ffffff;}
.current_page
{background-color:#777777;
    color:#ffffff;    
    font-weight:bold;    
    padding: 4px 6px;
}

.next_last
{font-weight:bold; font-size: 110%;  background-color:#E7E9EA; display: inline-block; background-color:#D2D4D6;
    padding: 4px 6px;}
    
a:hover.next_last {text-decoration: none; background-color:#555555; color: #ffffff;}    

/*.next_button a
{background-color:#1F3548;
    color:#FFFFFF;    
    font-family:Arial;
        
    padding:2px;    
}*/

#table_scroll{/*overflow-x: auto; overflow-y: hidden;*/ margin-bottom: 20px;}

a.aspNetDisabled 
{text-decoration:none; color:#e5e7e8; visibility: hidden;
    }
a:hover.aspNetDisabled 
{text-decoration:none; color:#e5e7e8; background-color:#E7E9EA;  visibility: hidden;}
    
   

a:hover span.tooltip {
    display:block;
    position: absolute;
 max-width: 140px;
margin-top:17px;
text-decoration: none;
 left:80px;
 padding: 2px 3px 2px 3px;
  background: #FFF7EE; 
  }

.highlight td{
color: Black;background-color: #FFF7EE;
}

.drop_paging{width: 75px; height: 26px; display: inline-block; position: relative; top: 6px; left: 5px; color: #ffffff; }


/*E7E9EA
E7EDF0

DDDFDF*/


#dhtmltooltip
{
position: absolute;
	max-width:155px;
	padding:10px 10px 10px 10px;
	color:#fff;	
	margin-left: -70px;
	 margin-top: -1px;
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;	
background-color:#000;
visibility: hidden;
z-index: 100;
/*	-moz-box-shadow: 2px 2px 11px #666;
		-webkit-box-shadow: 2px 2px 11px #666;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */	
    text-align: left;	
    
box-shadow:2px 2px 4px rgba(0,0,0,0.8);
-moz-box-shadow:2px 2px 4px rgba(0,0,0,0.8);
-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.8);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#888888')";
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999')"; */  

/*	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";*/
 
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}




.semtotal
{
    font-size: 130%;
color:#888;
display:block;
width:21px;
height:33px;
padding:5px 2px 1px 8px;
line-height: 10px;
border-bottom:0;
margin-bottom: 10px;
position:relative;
text-decoration:none;
text-transform:capitalize; 
}

.semtotal2
{
    display:block;
font-size: 63%;
font-weight: normal;
color:#888;
 letter-spacing: -0.07em;
margin-left: 1px;
 margin-top: 9px;
}

#box_query{ display: block; float: right; margin-top: -30px;} 
#query { width:220px; height: 32px;}

/*LISTA THUMB*/
	ul.list { list-style: none; width: 100%; margin-left:-40px; } 
	
   .Lista_album_capas li
    {list-style-type: none;
    float: left;
	width: 140px;
	height: 285px;
	margin-top: 1px;
	margin-right: 5px;
	padding: 4px; }   
	
      .Lista_album_capas li a
      { text-decoration: none; font-size: 97%; 
        letter-spacing: -0.4px;
          }  
          
         .Lista_album_capas img
        { display: block;
        border: 1px solid #999;
		margin-left: auto;
	margin-right: auto;
	margin-bottom: -13px;}  	
        	    
        .numero_capinha
        {  display: block;
            width: 129px;
          margin-right: 125px;
            }
            
            
    .Lista_album_imagem_colecao li
    {list-style-type: none;
    float: left;
	width: 140px;
	height: 210px;
	margin-top: 1px;
	margin-right: 5px;
	padding: 4px;  }  	 
	
      .Lista_album_imagem_colecao li a
      { text-decoration: none; font-size: 97%; 
        letter-spacing: -0.4px
          }  
          
         .Lista_album_imagem_colecao img
        { display: block;
        border: 1px solid #999;
		margin-left: auto;
	margin-right: auto;
	margin-bottom: -13px;}     
	

	         .Lista_album_imagem li
        {list-style-type: none;
         float: left;
	width: 125px;
	height: 170px;
	margin-top: 1px;
	margin-right: 18px;
	margin-bottom: 18px;
	/*border: 1px solid #999;*/
	padding: 5px; 
	letter-spacing: -0.4px; }   
	
      .Lista_album_imagem li a
      { text-decoration: none; font-size: 97%; 
        letter-spacing: -0.4px
          }  
         .Lista_album_imagem img
        { display: block;
        border: 1px solid #999;
		margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
        	}         
            
            input[type="checkbox"] 
{ z-index: -1; z-index: 1\9;
    position: relative;
    /*display:none;*/
}
input[type="checkbox"] + label span {
    display:inline-block;
    display: none\9;
    width:18px;
    height:19px;
    margin:-3px 3px 0 12px; 
    vertical-align:middle;
    background:url(images/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(images/check_radio_sheet.png) -19px top no-repeat;
}    


/*input[type="checkbox"] + label span.checkbox_pst {
    display:inline-block;
    position: relative;
    width:18px;
    height:19px;
    float:right;
    margin: 20px 3px 0 0; 
    vertical-align:middle;    
display: none\9;    

    background:url(images/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}*/




input[type="radio"] {
    /*display:none;*/
    z-index: -10; z-index: 1\9;
    position: relative;
}

input[type="radio"]  {
 margin-left: 8px\9;
}

input[type="radio"] + label span {
    display:inline-block;
    display: none\9;
    width:19px;
    height:19px;
    margin:-1px 2px 0 4px;
    vertical-align:middle;
    background:url(images/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(images/check_radio_sheet.png) -57px top no-repeat;
} 


@media screen and (min-width: 850px) and (max-width: 996px)
{.td_titulo{ width: 38%; }
.td_editora{ width: 14%;}
.td_licenciador{ width: 17%;}
.td_periodo{ width: 13%;}
.td_edicoes{ width: 19%;}
/*#box_query{ display: block; float: right; margin-top: 10px; } 
#query { width: 205px;} 
#box_query{ display: block; float: right; margin-top: -75px; margin-left: 10px;} */
/*.link_lista_colecao{ margin-top: 40px; margin-bottom: 10px;}*/
}



@media screen and (min-width: 481px) and (max-width: 849px)
{
    .datatable {
	 width: 100%; 
	 min-width: 680px; font-size: 98%; }
    .td_titulo{ width: 37%; }
.td_editora{ width: 14%;}
.td_licenciador{ width: 17%;}
.td_periodo{ width: 13%;}
.td_edicoes{ width: 20%;}
#table_scroll{overflow-x: auto; overflow-y: hidden; margin-bottom: 20px;}

.drop_paging{left: 0; }    
.numeric_button, .next_button, .current_page, .next_last{ font-size: 93%;
    padding: 7px 5px;
}
 #dataPageDisplayNumberOfPages2, #dataPageDisplayNumberOfPages {font-size: 95%; } 
/*.link_lista_colecao{ margin-top: 30px; margin-bottom: 10px;}*/
#box_query{ display: block; float: left; margin-top: 10px; } 
#query { width: 205px;} 


#dvLoading
{
   margin: 0 0 0 -12px;
} 


}



@media screen and (max-width: 480px) 
{
    
.datatable {
	 width: 600px; font-size: 96%;
	 /*min-width: 100px;  */  }
	
/*.datatable td{padding: 4px 5px 2px 6px;}	*/

	  .sort_image{ width: 13px; height: 14px; }
	  
	  
.td_titulo{ width: 37%; }
.td_editora{ width: 14%;}
.td_licenciador{ width: 17%;}
.td_periodo{ width: 13%;}
.td_edicoes{ width: 20%;}
    
    .datatable.column_head, .datatable.column_head th{padding: 5px 5px 3px 6px;}
 #box_itens_paginas{ font-size: 95%;  margin-top: -14px;}
    
.drop_paging{left: 0; }    
.numeric_button, .next_button, .current_page, .next_last{ font-size: 93%;
    padding: 7px 5px;
}
 #dataPageDisplayNumberOfPages2, #dataPageDisplayNumberOfPages {font-size: 95%;  display: block; position: relative; margin: 10px 0 -10px 0;} 


#table_scroll{overflow-x: auto; overflow-y: hidden; margin-bottom: 20px;}

.artistas_table{ width: 100%;}

.semtotal
{
    font-size: 110%;
padding:7px 2px 1px 8px;
}

.semtotal2
{
font-size: 0.575em;
font-weight: normal;
color:#888;
 letter-spacing: -0.07em;
margin-left: 3px;
 margin-top: 8px;
}
/*.link_lista_colecao{ margin-top: 30px; margin-bottom: 10px;}*/
#box_query{ display: block; float: left; margin-top: 10px; } 
#query { width: 205px;}

#dvLoading
{
   margin: 0 0 0 -8px;
} 

}

/*
@-moz-document url-prefix() { 
  #dhtmltooltip { margin-left: -90px; margin-top: -1px;
  }
}*/