.border {
    border: 1px solid #ccc
}

.rounded {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/* GridView */
.grid-view-loading {
    background: url('images/loading.gif') no-repeat;
}

li.page, li.next, li.previous {
    margin: 0
}

.grid-view table.items {
    border-collapse: collapse;
    width: 100%;
    border: 0 none !important;
}

.grid-view table.items th {
    border-bottom: 1px solid #ddd;
    background: transparent;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
}

.grid-view table.items th, .grid-view table.items td {
    font-size: 0.9em;
    padding: 0.3em;
}

.grid-view table.items th a {
    color: #555;
    font-weight: bold;
    text-decoration: none;
}

.grid-view table.items th a:hover {
    /*color: #fff;*/
}

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

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

/*.grid-view table.items tr.even*/
tr.even {
    background: #fff;
}

/*.grid-view table.items tr.odd*/
tr.odd {
    background: #f3f3f3;
}

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

.grid-view table.items tr:hover td, .grid-view table.items tr:hover td a {
    background: #e58616;
    color: #fff;
    font-weight: 700;
}

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

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

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

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

/*.grid-view .summary*/
div.summary {
    margin: 0 0 5px 0;
    text-align: right;
    font-size: 0.8em
}

/*.grid-view .pager*/
div.pager {
    margin: 5px 0 0 0;
    text-align: center;
    padding: 0;
    height: 30px;
}

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

.grid-view .filters input,
.grid-view .filters select {
    width: 100%;
    border: 1px solid #ccc;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* Styles for ClinkPager */
ul.yiiPager {
    font-size: .9em;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 100%;
    display: inline;
}

ul.yiiPager li {
    display: inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited {
    border: 1px solid #ddd;
    color: inherit;
    /*font-weight: bold;*/
    font-size: 12px;
    padding: 6px 12px;
    text-decoration: none;
    margin-left: -3px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 1.5;
}

ul.yiiPager li:first-child a
{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

ul.yiiPager .page a {
    /*font-weight: 600;*/
    background: #fafafa;
    color: #666;
}

ul.yiiPager a:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

ul.yiiPager .selected a {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
    font-weight: bold;
}

ul.yiiPager .hidden a {
    border: 1px solid #ccc;
    color: inherit;
}

.pager .previous>a, .pager .first>a, .pager .last>a, .pager .next>a {
    float: none !important;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first,
ul.yiiPager .last {
    display: none;
}

div.demo_box {
    background: transparent url('images/bg.gif') repeat scroll left top;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

div.grid-view {
    /*background: #f3f3f3;*/
    /*border: 1px solid #ccc;*/
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    padding: 5px;
}