/* TYPOGRAPHY */
h1 {
color: #999;
font-size: 32px;
margin-bottom:10px;
}
a {
color: #19a195;
text-decoration: none;
}
a:hover {
color: #19a195;
text-decoration: underline;
}


/* MAIN */
body {
background-image: url(../img/mainBg.jpg);
background-repeat: repeat-x;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #6f6f6f;
background-color: #adadad;
}
#mainContainer {
border: 1px solid #eee;
/* background-image: url(../img/gear.jpg); */
background-repeat: no-repeat;
background-position: 100% 0;
background-color: white;
margin-bottom: 30px;
}
#mainContent {
margin: 0 auto;
}


/* TOP BAR */
#topBar {
background-color: rgb(207, 207, 207);
border-bottom: 1px solid rgb(187, 187, 187);
border-top: 3px solid rgb(25, 161, 149);
height: 40px;
text-align: center;
width: 100%;
font-size: 12px;
}
#topBar .container {
padding: 5px 0;
}
#topBar .account {
float: right;
margin-right: 20px;
}
#topBar .breadcrumbs {
float: left;
margin-left: 20px;
}
#topBar .breadcrumbs a {
display: block;
padding: 0 10px 0 25px;
height: 29px;
line-height: 30px;
float: left;
background-image: url(../img/admin/breadcrumb1.png);
background-position: left center;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
color: #7e7e7e;
text-decoration: none;
}
#topBar .breadcrumbs a:last-child {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-image: url(../img/admin/breadcrumb2.png);
border-right: 1px solid #bbb;
padding-left: 25px;
color: white;
padding-right: 15px;
}
#topBar .breadcrumbs a:first-child {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-left: 1px solid #bbb;
background-position-x: -25px;
padding: 0 10px;
}
#topBar .breadcrumbs a:hover {
color: #19a195;
}
#topBar .breadcrumbs a:last-child:hover {
color: #fff;
cursor: default;
}


/* HEADER */
.header {
border-bottom: none;
/* background-image: url(../img/headerBgBottom.jpg); */
background-repeat: no-repeat;
background-position: 0 80px;
/* height: 120px; */
height: 30px;
margin: 0;
}
.logo {
float: right;
background-image: url(../img/smallerLogoEventManager.png);
background-repeat: no-repeat;
width: 360px;
height: 53px;
}


/* TABLES */
table {
border: 1px solid #ddd;
}
tr:hover {
background-color: #eee;
}
th {
background-color: #999;
color: #fff;
}
th, td {
text-align: center;
}
th:first-child, td:first-child , td.title{
text-align: left;
}
th:last-child, td:last-child {
text-align: right;
}


/* PAGINATION */
.pageLinks {
text-align: center;
}
.pageLinks ul {
margin:0;
display: inline;
list-style-type: none;
}
.pageLinks li {
display: inline;
background-color: #cfcfcf;
padding: 0 5px;
margin: 0 3px;
cursor: pointer;
}
.pageLinks li:hover {
background-color: #19a195;
color: #fff;
}
.pageLinks li.current {
background-color: #999;
color: #fff;
cursor: default;
}

/* MISC */

.buttonsBox {
background: #ddd url(../img/gradTrans.png) center center repeat-x;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #ccc;
height: 20px;
position:relative;
padding:5px 5px;
float:right;
display: inline;
}

.buttonsBox a {
color:#666;
padding:5px 10px;
margin:0px; 
}

.buttonsBox a:hover {
background: #fff url(../img/gradTrans.png) repeat-x;
text-decoration: none;
color:#19a195;
}

/*
.buttonsBox a:first-child {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.buttonsBox a:last-child {
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}
*/

.urlBox {
color: #999;
float:left;
}
.urlBox input[type=text], .urlBox input[type=text]:focus {
background: #fff url(../img/gradTrans.png) repeat-x;
color: #666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #ccc;
outline:none;
font-size:12px;
padding:5px 10px;
outline:none;
position:relative;
padding:5px 5px;
}
.clear {
float: none;
}


/* ALL CLIENTS */
/* normal state */
.clientRow {
-webkit-border-radius: 10px;
background-color: #ddd;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
margin-top: 2px;
color: #777;
text-shadow: 0 1px 0 #fff;
cursor: pointer;
}
.clientRow a {
color: #777;
text-decoration: none;
}
.clientRow a:hover {
color: #19a195;
}
.clientRow .clientName {
font-size: 22px;
font-weight: bold;
float: left;
}
.clientRow .clientEdit {
display: none;
font-size: 10px;
text-transform: uppercase;
float: left;
padding: 3px 0 0 5px;
text-shadow: none;
}
.clientRow .clientView {
display: none;
float: right;
}
.clientRow .clientView a {
background-image: url(../img/admin/arrowOff.png);
padding: 5px 10px;
width: 114px;
height: 21px;
display: block;
text-shadow: 0 1px 0 #e6e6e6;
}


/* hover state */
.clientRow:hover {
background-color: #ccc;
}
.clientRow:hover .clientEdit {
display: block;
}
.clientRow:hover .clientView {
display: block;
}
.clientRow:hover .clientView a:hover {
color: #fff;
background-image: url(../img/admin/arrowOn.png);
text-shadow: 0 -1px 0 #216d64;
}

/* active state */
.clientRow:active, .clientRow.ui-state-active {
background-color: #19a195;
color: #fff;
text-shadow: 0 -1px 0 #216d64;
border: 1px solid #19a195;
}
.clientRow:active .clientEdit a, .clientRow.ui-state-active .clientEdit a {
color: #fff;
text-shadow: 0 -1px 0 #216d64;
}
.clientRow.ui-state-active .clientView {
display: block;
}
.clientRow:active .clientView a {
color: #fff;
background-image: url(../img/admin/arrowOff2.png);
text-shadow: 0 -1px 0 #216d64;
}
.clientRow.ui-state-active .clientView a {
color: #fff;
text-shadow: 0 -1px 0 #216d64;
background-image: url(../img/admin/arrowOff2.png);
}
.clientRow.ui-state-active .clientView a:hover {
background-image: url(../img/admin/arrowOn2.png);
}
.clientRow:focus {
outline: none;
/* border: 1px solid #00aea4; */
}





/* SEARCH BOX */
.search * {
font-size: 14px;
}
input.searchBox {
background-image: url(../img/admin/searchBg.png);
background-repeat: no-repeat;
border: none;
width: 240px;
height: 24px;
padding: 3px 30px;
font-size: 14px;
font-weight: normal;
line-height: 1em;
color: #555;
margin: 7px 0;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
input.searchBox:focus {
outline: none;
border: none;
}
/* cool stuff */
label.searchLabel + input.searchBox {
margin-top: -15px;
background-color: transparent;
position: relative;
z-index: 2;
}
label.searchLabel {
left: 31px;
top: 7px;
font-size: 14px;
line-height: 14px;
color: #555;
font-weight: normal;
position: relative;
z-index: 1;
opacity: 0.75;
-webkit-transition: opacity 0.15s linear;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
label.focus {
opacity: 0.35;
}
label.has-text {
opacity: 0.0;
-webkit-transition-duration: 0s;
}


.eventsQuicklook {
padding: 0 15px 10px 15px;
}
.eventsQuicklook table {
border: none;
margin: 0;
color: #7e7e7e;
}
.eventsQuicklook table th {
background-color: transparent;
font-weight: bold;
color: #aaa;
border-bottom: 1px solid #eee;
height: 30px;
}
.eventsQuicklook table th a {
color: #aaa;
text-decoration: none;
}
.eventsQuicklook table th a:hover {
color: #19a195;
}
.eventsQuicklook table th.currentColumn {
background-image: url(../img/admin/columnArrow.png);
background-position: top center;
background-repeat: no-repeat;
}
.eventsQuicklook table th.currentColumn:first-child {
background-position-x: 30px;
}
.eventsQuicklook table th.currentColumn {
background-image: url(../img/admin/columnArrow.png);
background-position: top center;
background-repeat: no-repeat;
}
.eventsQuicklook table thead tr:hover {
background-color: transparent;
}
.eventsQuicklook table td:first-child {
width: 25%;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.eventsQuicklook table td:last-child {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.eventsQuicklook table tr:hover td {
color: #19a195;
cursor: pointer;
}


/* Event Dashboard */

ul.sideColumn {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid #ccc;
background:#ddd;
width:180px;
list-style:none;
padding:0 5px 10px 5px;
margin-top:5px;
margin-left:0px;
float:left;
}
ul.sideColumn h2 {
font-size:14px;
color:#777;
padding:5px 0 0 10px;
margin-bottom:0px;
}

ul.sideColumn li a {
padding:3px 15px;
background:#eee;
margin:4px 0;
display:block;
}

ul.sideColumn li a:hover {
background:#fff;
text-decoration: none;
}