/* standard tags */
a {
	color:           #363636;
	cursor:          pointer;
	text-decoration: none;
}

a:hover {
	color:           #f30;
	text-decoration: underline;
}

a:link, a:visited {
	color: #039;
}

body {
	background:   #fff;
	color:        #333;
	line-height:  1.5;
	margin-left:  0px;
	margin-right: 0px;
	min-width:    980px;
}

body, input, select, textarea {
	font-family: Tahoma, verdana, arial, helvetica, sans-serif;
	font-size:   0.9em;
}

caption {
	font-family:    "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:    bold;
	text-align:     center;
	font-size:      1.5em;
	padding: 20px 0;
}

h3 {
	color:         #222222;
	font-size:     1.2em;
	font-weight:   bold;
	line-height:   1;
	margin-bottom: 1em;
	text-align:    center;
}

input[type=checkbox], input[type=radio] {
	height: 20px;
	width:  20px;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing:  0;
	margin-bottom:   1.4em;
	vertical-align:  middle;
}

table.info {
	width: 100%;
}

table.info thead th {
	background: #444;
	color:      white;
}

td {
	font-weight:    normal;
}

td, th {
	padding:        8px 10px 8px 5px;
	text-align:     left;
	vertical-align: middle;
}

th {
	font-weight: bold;
}

thead th {
	background: #999;
}

tr.even td {
	background: #ccc;
}

tr.odd td {
	background: white;
}

/* DataTables - including here so asset-pipeline updates the paths correctly */
table.dataTable thead .sorting {
  background-image: url("../images/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.png");
}

/* jdMenu overrides */
ul.jd_menu,
ul.jd_menu ul {
	height: 26px;
}

ul.jd_menu li {
	font-family: Tahoma, verdana, arial, helvetica, sans-serif;
	font-size:   1em;
	height:      20px;
	line-height: 15px;
}

ul.jd_menu li,
ul.jd_menu li a,
ul.jd_menu li.jdm_active,
ul.jd_menu li.jdm_hover {
	color: #222;
}

ul.jd_menu li li {
	width: 300px;
}

/* jGrowl overrides */
.jGrowl {
	font-family: Tahoma, verdana, arial, helvetica, sans-serif;
	font-size:   1em;
}

.jGrowl-closer {
	font-size: 1.1em;
}

.jGrowl-notification {
	min-height: 60px;
}

.jGrowl-notification .jGrowl-header {
	font-size: 1.25em;
}

/* Spring Security UI */

.s2ui_center {
	margin-left:  auto;
	margin-right: auto;
}

.s2ui_error {
	-moz-border-radius:    2px;
	-webkit-border-radius: 2px;
	color:                 #D8000C;
	font-weight:           normal;
}

.s2ui_error p {
	margin: 2px;
}

.s2ui_form {
	height:     450px;
	padding:    5px;
	position:   relative;
	text-align: center;
}

.s2ui_hidden_button {
	background: white;
	border:     0;
	float:      right;
	height:     0;
	left:       1px;
	margin:     0;
	padding:    0;
	position:   absolute;
	width:      0;
	z-index:    -1000;
}

.s2ui_required {
	color:       red;
	font-weight: bold;
}

.s2ui_section {
	border:  1px solid #f2f2f2;
	padding: 18px;
}

#s2ui_content {
	float:       left;
	margin-left: 12px;
	margin-top:  6px;
	width:       96%;
}

#s2ui_header_body {
	width: 100%;
}

#s2ui_header_title {
	color:      black;
	font-size:  1.5em;
	margin-top: 5px;
	text-align: center;
}

#s2ui_login_link_container {
	float:    right;
	position: absolute;
	right:    10px;
	top:      28px;
}

#s2ui_main {
	margin: 0px;
	width:  100%;
}

/* pagination */

.paginateButtons {
	color:       #666;
	font-family: Tahoma, verdana, arial, helvetica, sans-serif;
	font-size:   0.9em;
	overflow:    hidden;
	padding:     10px 3px;
}

.paginateButtons a {
	background:   #fff;
	border-color: #ccc #aaa #aaa #ccc;
	border:       1px solid #ccc;
	color:        #666;
	margin:       0 3px;
	padding:      2px 6px;
}

.paginateButtons span {
	padding: 2px 3px;
}

/* tab icons */

.icon, .ui-tabs .ui-tabs-nav li a.icon {
	background-repeat:   no-repeat;
	padding-left:        24px;
	background-position: 4px center;
}

.icon_error {
	background-image: url('famfamfam/exclamation.png');
}

.icon_info {
	background-image: url('famfamfam/information.png');
}

.icon_role {
	background-image: url('famfamfam/lock.png');
}

.icon_user {
	background-image: url('famfamfam/user.png');
}

.icon_users {
	background-image: url('famfamfam/group.png');
}
