a {
    color: #2B5C78;
}
a {
    color: inherit;
    text-decoration: none;
}

/* Buttons */

.button {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    text-align: center;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: repeat-x;
    overflow: visible;
}
.button:hover { background-position: 0 -28px; }
.button:active { background-position: 0 -56px; }
.button.small {
    height: 22px;
    line-height: 22px;
    background-image: url(../img/btnSmall.gif);
    border: 1px solid #aaa;
}
.button.small:hover {
    background-position: 0 -22px;
}
.button.small:active {
    background-position: 0 -44px;
}
.button.primary {
    background-image: url(../img/btnPrimary.gif);
    color: #212121;
    border-color: #7c7c7c;
}
.button.primary:hover { color: #000; }
.button.secondary {
    background-image: url(../img/btnSecondary.gif);
    color: #212121;
    border-color: #7c7c7c;
}
.button.secondary:hover { color: #000; }

#calendar table {
    width: 200px;
    clear: both;
    margin-bottom: 10px;
}
#calendar thead th { border-bottom: 2px solid #444; }
#calendar td {
    border: 1px solid #bbb;
    width: 26px;
    height: 26px;
}
#calendar td:hover {
    background: #ccc;
    cursor: pointer;
}
#calendar td.today { font-weight: bold; }
#calendar td.event { font-weight: bold; }
#calendar td.otherMonth { color: #999; }
#calendar th {
    font-weight: bold;
    font-size: 0.8em;
    color: #000;
    padding: 3px 0;
}
#calendar h2 {
    font-size: 0.85em;
    line-height: 1.2em;
    text-align: left;
    margin: 0;
}
#calendar p {
	font-size: 0.85em;
    line-height: 1.2em;
    margin-bottom: 5px;
    text-align: left;
}
#currentMonth { width: 200px; }
#currentMonth span {
    font-weight: bold;
    font-size: 1.1em;
    padding: 0 5px;
    line-height: 24px;
    float: left;
    display: inline;
    text-align: center;
    width: 140px;
}
#currentMonth a.button {
    width: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    display: inline-block;
}
a#prevMonth { float: left; }
a#nextMonth { float: right; }

#calendar td.today, #calendar div.today {
	background: none repeat scroll 0 0 #273A44;
	color: #FFFFFF;
}

#calendar td.event, #calendar div.event {
	background: none repeat scroll 0 0 #6F95A8;
	color: #FFFFFF;
}

/** TABELA **/

/* Table in main content */

#main table {
    width: 700px;
    border-bottom: 1px solid #878787;
}
#main table a:hover { text-decoration: underline; }
#main td, tr, th {
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
#main td, th { padding: 0 10px; }
#main th {
    border-right: 1px solid #000;
    border-left: 1px solid #575757;
}
#main thead tr, thead th {
    background: transparent;
    color: #fff;
}
#main tr:hover { background-color: #dfdfdf; }
#main tr.even { background-color: #f5f5f5; }
#main tr.odd { background-color: #fff; }
#main th.sortable:hover { background: transparent url(../img/bgTable.gif) repeat-x 0 -30px; }
#main th.sortable a:hover { text-decoration: underline; }
#main thead th.sorted {
    background: transparent url(../img/bgTable.gif) repeat-x 0 -60px;
    font-weight: bold;
}
#main thead a { color: #fff; }
#main thead th.sorted a {
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
#main .asc a { background-image: url(../img/sortArrowAsc.gif); }
#main .desc a { background-image: url(../img/sortArrowDesc.gif); }
#main .colActions a {
    margin-left: 10px;
    padding-left: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 6px;
    display: inline-block;
    height: 30px;
    color: #000;
}
#main .colActionsMin a {
    height: 30px;
    color: #000;
}
#main .colActions .actionEdit { background-image: url(../img/ico/icoEdit.png); }
#main .colActions .actionDelete { background-image: url(../img/ico/icoDelete.png); }
#main .colCheck {
    width: 10px;
    padding: 0 5px;
    font-size: 1px;
}
#main .colName {
    width: 270px;
    text-align: left;
}
#main .colCount { width: 70px; }
#main .colStatus { width: 20px; }
#main .colPosition { width: 80px; }
#main .colActions { width: 140px; }
#main .colActionsMin { width: 100px; }
#tableBottom { margin-bottom: 20px; }