.grid-view-loading
{
    background:url(loading.gif) no-repeat;
}

.grid-view
{
    padding: 0;
    font-family: arial;  
}

.grid-view th, .grid-view td, .grid-view a, .grid-view span, .grid-view input, .grid-view textarea, .grid-view button, .grid-view select, .grid-view option {
    font-family: arial;  
}

.grid-view table.items
{
    background: transparent;
    width: 100%;
    border-spacing: 0;
    margin:0;
    table-layout:fixed;
    border-bottom:1px solid #ccc;
}

.grid-view table.items thead th, .grid-view table.items thead td {
    height:35px;
    padding:5px;
}

.grid-view table.items th, .grid-view table.items td
{
    font-size: 1em;
    border: 0;
    padding: 0.6em 0.3em;
    border:none;
}

.grid-view table.items th,
.grid-view table.items th a
{
    color: #21759b;
    background:#f0f0f0;
    text-align: center;
    border:0;
    font-family: georgia;
    font-size:14px;
    font-weight:normal;
}

.grid-view table.items th
{
    border:none;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.grid-view table.items a
{
    color: #21759b;
    text-decoration: none;
    font-size:12px;  
}


.grid-view table.items a:hover
{
    color: #21759b;
    text-decoration:underline;
}

.grid-view table.items th a:hover
{
    text-decoration:none;
}

.grid-view table.items th a.asc
{
    background:url(up.png) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items th a.desc
{
    background:url(down.png) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items td {
  border-bottom:solid 1px #fff;
}
.grid-view table.items tr.even
{
    background: #FFFFFF;
}

.grid-view table.items tr.odd
{
    background: #f8f8f8;
}

.grid-view table.items tr.selected
{
    background: #ecfbd4;
}

.grid-view table.items tbody tr:hover
{
    background: #ecfbd4;
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager, .grid-view .pagination
{
    margin: 10px 0 0 0;
    text-align: right;
}
.grid-view .pagination li
{
    display: inline;
}

.grid-view .pager ul.yiiPager li a, .grid-view .pagination li a {
    border:0;
    background: transparent;
    color: #444444;
    border-bottom: solid 2px transparent;
}

.grid-view .pager ul.yiiPager li a:hover, .grid-view .pagination li a:hover {
    color: #111111;
}

.grid-view .pager ul.yiiPager li.hidden a,
.grid-view .pager ul.yiiPager li.hidden a:hover {
    color: #888888;
    border-bottom-color: transparent;
}

.grid-view .pager ul.yiiPager li.selected a {
    color: #111111;
    border-bottom-color: #333333;
}

.grid-view .empty
{
    font-style: italic;
}
.grid-view .filters {
    border:0;
}

.grid-view .filters td, .grid-view .filters th,
.grid-view table.items tr.filters td, .grid-view table.items tr.filters th {
    border:0;
    background:#ecfbd4;
}
.grid-view table.items tr.filters td{
    border-bottom:1px solid #ccc;
}
.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #9b9b9b;
}

.grid-view tbody tr .button-column .view,
.grid-view table.items a.view{
    display:inline-block;
    width:13px;
    height:13px;
    margin:3px;
    outline:none;
    cursor:pointer;
    background:url(view.png) top left no-repeat;
}
.grid-view tbody tr:hover .button-column .view,
.grid-view table.items a.view:hover{
    background:url(view-over.png) top left no-repeat;
}
.grid-view tbody tr .button-column .update,
.grid-view table.items a.update{
    display:inline-block;
    width:13px;
    height:13px;
    margin:3px;
    outline:none;
    cursor:pointer;
    background:url(update.png) top left no-repeat;
}
.grid-view tbody tr:hover .button-column .update,
.grid-view table.items a.update:hover{
    background:url(update-over.png) top left no-repeat;
}
.grid-view tbody tr .button-column .delete,
.grid-view table.items a.delete{
    display:inline-block;
    width:13px;
    height:13px;
    margin:3px;
    outline:none;
    cursor:pointer;
    background:url(delete.png) top left no-repeat;
}
.grid-view tbody tr:hover .button-column .delete,
.grid-view table.items a.delete:hover{
    background:url(delete-over.png) top left no-repeat;
}
.grid-view tbody tr .button-column .photos,
.grid-view table.items a.photos{
    display:inline-block;
    width:13px;
    height:13px;
    margin:3px;
    outline:none;
    cursor:pointer;
    background:url(photos.png) top left no-repeat;
}
.grid-view tbody tr:hover .button-column .photos,
.grid-view table.items a.photos:hover{
    background:url(photos-over.png) top left no-repeat;
}
.grid-view tbody tr .button-column .order,
.grid-view table.items a.order{
    display:inline-block;
    width:13px;
    height:13px;
    margin:3px;
    outline:none;
    cursor:pointer;
    background:url(order.png) top left no-repeat;
}
.grid-view tbody tr:hover .button-column .order,
.grid-view table.items a.order:hover{
    background:url(order-over.png) top left no-repeat;
}

.grid-view tbody tr .button-column .gear,
.grid-view table.items a.gear{
    display:inline-block;
    width:16px;
    height:16px;
    margin:1px 3px;
    outline:none;
    cursor:pointer;
    background:url(gear.png) top left no-repeat;
}
.grid-view tbody tr:hover .button-column .gear,
.grid-view table.items a.gear:hover{
    background:url(gear-over.png) top left no-repeat;
}

.red {
	background: #efefef;
}

.pagination {
	display: inline;
}