/*** html ******************************************/

html {
	background: url(../img/bg_main.gif);
}

body {
	min-width: 960px;
	background: transparent;
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333;
}

a {
	text-decoration: none;
}

a:HOVER {
	text-decoration: underline;
}

hr {
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	margin: 1em 0;
}

h2 {
	font-size: 20px;
}

table {
	border-collapse: collapse;
}

	tbody tr:nth-child(even) td, 
	tbody tr.even td {
		background-color: transparent;
	}

	th {
		text-align: left;
	}

	th, 
	td {
		border: 1px solid black;
		padding: .5em;
	}


/*** common ******************************************/

.ui-icon {
	display: inline-block;
}

.ag-chevron {
	display: inline-block;
	width: 0px;
	height: 0px;
	border-width: 4px;
	border-color: #333 transparent transparent transparent;
	border-style: solid;
	font-size: 0;
	margin-bottom: -2px;
}

.ag-errorPage {
	padding: 10% 0;
}

.ag-wide {
	margin-left: 1em;
}

.ag-empty {
	background-color: #eee;
	color: #666;
	text-align: center;
	padding: 1.5em 0;
	border-radius: 1em;
}

.form-error {
	border-color: red !important;
}

.error-message {
	color: red;
}

.ui-menu .ui-menu-item-wrapper {
    white-space: nowrap;
}

.ag-important {
	color: red;
}

.ag-left {
	float: left;
}

.ag-right {
	float: right;
}

th.ag-right,
td.ag-right {
	text-align: right;
	float: none;
	white-space: nowrap;
}

.ag-center {
	text-align: center;
}

.ag-clear {
	clear: both;
}

.ag-checkbox {
	width: 1em;
	text-align: center;
}

.ag-label {
	font-size: 85%;
	margin-left: 0.5em;
	padding: 1px 5px 2px;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #ffc;
	font-weight: normal;
}

.ag-box {
	background: whitesmoke;
	border-width: 1px 1px 2px 1px;
	border-color: #ddd #999 #999 #ddd;
	border-style: solid;
	padding: 2em 2em 0;
	margin-bottom: 0.5em;
	line-height: 2em;
	width: 240px;
	margin: 10% auto 0;
}

	.ag-box input[type="password"],
	.ag-box input[type="text"] {
		width: 234px;
	}

	.ag-box-logo {
		text-align: center;
		padding: 1em 0;
		margin-bottom: 3em;
	}

.ag-col2 {
	float: left;
	width: 48%;
	margin-right: 2%;
}

.ag-col3-double {
	float: left;
	width: 64%;
	margin-right: 2%;
}

.ag-col3-single {
	float: left;
	width: 31%;
	margin-right: 2%;
}

.ag-centered {
	width: 960px;
	margin: 0 auto;
}

.ag-container {
	background: #F7F7F7;
	padding: 1em;
	border-top: 0.5em solid #729FCF;
	border-bottom: 1px dashed #729FCF;
	margin-bottom: 1em;
}

	.ag-container h1,
	.ag-container h2,
	.ag-container h3,
	/*.ag-container h4,*/
	.ag-container h5,
	.ag-container h6 {
		color: darkGoldenrod;
	}

.ag-toggle {
	display: block;
	margin-bottom: 1em;
	text-align: center;
	background-color: #eee;
	color: #666;
	padding: 0.25em 0;
}

.ag-toggle:HOVER {
	background-color: #ff9;
}

.ag-details {
	background-color: white;
}

h4 {
	font-weight: bold;
	font-size: 14px;
	border-top: 0.25em solid #CDF;
	padding-top: 0.25em;
	padding-left: 0.5em;
	color: #444;
	margin-bottom: 1em;
}

.ag-inline-header {
	margin-bottom: 0.5em;
}

	.ag-inline-header select.ag-right {
		width: 10em;
	}

	.ag-inline-header small {
		color: #666;
		font-weight: normal;
	}

	.ag-inline-header button {
		vertical-align: baseline;
	}

	.ag-inline-header-icon {
		margin: 0 1em;
	}

	.ag-inline-header h2 {
		font-weight: bold;
	}

	.ag-inline-header h3,
	.ag-inline-header h2 {
		display: inline-block;
		width: 30%;
		margin-bottom: 0;
		line-height: 1.2em;
		/* For IE <= 7 */
		zoom: 1; *display: inline;
	}

	.ag-inline-header h2 .ag-inline-header-type {
		display: block;
		font-weight: normal;
		font-size: 12px;
		color: gray;
		line-height: 1.5;
	}

.ag-widget {
	background-color: white;
	padding: 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #eee #eee #ddd;
	margin-bottom: 1em;
}

	.ag-widget .ag-widget-list {
		border-bottom: 1px solid #ddd;
	}

	.ag-widget .ag-widget-list th,
	.ag-widget .ag-widget-list td {
		border: none;
		border-top: 1px solid #ddd;
		padding: 0.25em;
		vertical-align: top;
	}

.ag-sidebar {
	color: #666;
	border-top: 0.5em solid #CCC;
	border-bottom: 1px dashed #CCC;
	background: #F6F6F6;
	padding: 0.75em 0.5em 0.5em;
	margin-bottom: 1em;
	width: 180px;
	float: left;
}

	.ag-sidebar h3 {
		color: #666;
		font-weight: bold;
		text-shadow: 1px 1px 0 #fff;
		font-size: 16px;
	}

	.ag-sidebar label {
		margin-left: -1px;
	}

	.ag-sidebar form p {
		margin-bottom: 0.5em;
	}

	.ag-sidebar input {
		width: 170px;
	}

	.ag-sidebar .checkbox {
		display: inline;
		margin-right: 1em;
	}

		.ag-sidebar .checkbox label {
			margin-left: 0.3em;
		}

		.ag-sidebar .checkbox.ag-checkbox-div {
			display: block;
		}

	.ag-sidebar input[type="checkbox"] {
		width: auto;
	}

	.ag-sidebar input.ag-half {
		width: 75px;
	}

	.ag-sidebar select {
		width: 177px;
	}

.ag-with-sidebar {
	margin-left: 210px;
}

.ag-space {
	visibility: hidden;
	margin-bottom: 1.5em;
}

.ag-scorecard {
	width: 100%;
	background-color: white;
}

	.ag-scorecard td {
		padding: 0.5em;
		border: 1px solid #DDD;
		border-top: 2px solid #DDD;
		vertical-align: top;
	}

	.ag-scorecard big {
		font-size: 16px;
		font-weight: bold;
	}

.ag-item-add {
	padding: 0.25em 0.5em;
	color: #999;
	display: block;
}
.ag-item-add:HOVER {
	background-color: #ff9;
	text-decoration: none;
}


/*** common:list ******************************************/

.ag-list {
	width: 100%;
	line-height: 1.5em;
}

	.ag-list tbody {
		border-left: 1px solid #cdf;
		border-right: 1px solid #cdf;
		background-color: white;
	}
	
	.ag-list tbody td {
		border-color: #fff;
		border-bottom-color: #cdf;
	}
	
	.ag-checkbox {
		width: 1em;
		text-align: center;
	}

	.ag-list .ag-action {
		text-align: right;
		width: 10em;
	}
	
	.ag-list td.ag-action {
		font-size: 10px;
	}
	
	.ag-list.borderless tbody td {
		border: 1px solid #cdf;
	}
	
		.ag-list.borderless tbody td select,
		.ag-list.borderless tbody td textarea,
		.ag-list.borderless tbody td input {
			border: none;
			background-color: white;
			padding: 0;
			outline: none;
		}
		
		.ag-list.borderless tbody .readonly td,
		.ag-list.borderless tbody td.readonly {
			background-color: #eee;
		}

		.ag-list.borderless tbody tr:HOVER select,
		.ag-list.borderless tbody tr:HOVER textarea, 
		.ag-list.borderless tbody tr:HOVER input {
			background-color: #ff9;
		}

		.ag-list.borderless tbody .readonly select, 
		.ag-list.borderless tbody .readonly textarea, 
		.ag-list.borderless tbody .readonly input {
			background-color: #eee;
		}

		.ag-list.borderless tbody tr:HOVER .readonly select,
		.ag-list.borderless tbody tr:HOVER .readonly textarea, 
		.ag-list.borderless tbody tr:HOVER .readonly input {
			background-color: #eee;
		}

	.ag-list tfoot td {
		border: none;
		background-color: transparent;
		font-weight: bold;
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}

	.ag-list th {
		background-color: #cdf;	
		text-align: left;
		border-top-width: 0;
		border-color: #abd;
	}

		.ag-list th a {
			color: #333;
		}

		.ag-list th .asc {
			padding-right: 16px;
			background: url(../img/sort_asc.png) no-repeat 100% 50%;
		}
	
		.ag-list th .desc {
			padding-right: 16px;
			background: url(../img/sort_desc.png) no-repeat 100% 50%;
		}
	
	.ag-list td {
		border-width: 0;
		border-bottom-width: 1px;
	}
	
		.ag-list td.head {
			text-align: center;
			background-color: #eee;
			color: #666;
		}
		
		.ag-list td.checkbox {
			width: 1em;
			text-align: center;
		}
		
		.ag-list td.commands {
			text-align: right;
			width: 6em;
			color: #999;
		}
	
		.ag-list td.center {
			text-align: center;
		}

		.ag-list th.rightAligned,
		.ag-list td.rightAligned {
			text-align: right;
			white-space: nowrap;
		}

		.ag-list td.fixed {
			width: 5em;
			text-align: center;
		}

		.ag-list .expandable {
			display: none;
		}

/*
	.ag-list .even td {
		background-color: #eee;
	}
*/	
	.ag-list tr:HOVER td {
		background-color: #ff9;
	}

	.ag-list tfoot tr:HOVER td,
	.ag-list thead tr:HOVER td {
		background-color: transparent;
	}

	.ag-list .edit a {
		text-decoration: none;
		display: block;
		border: none;
	}
	
		.ag-list .edit a:hover {
			text-decoration: underline;
		}
	
	.ag-list th.sorted a {
		padding-right: 1.5em;
		background-position: 100% 50%;
		background-repeat: no-repeat;
	}
	
		.ag-list th.sorted.order1 a {
			background-image: url(../img/sort_ascending.png);
		}

		.ag-list th.sorted.order2 a {
			background-image: url(../img/sort_descending.png);
		}

.ag-list-clone tbody,
.ag-list-clone tfoot {
	border-left: none;
	border-right: none;
	visibility: hidden;
}
.ag-list-clone tbody td,
.ag-list-clone tfoot td {
	border: none
}

.ag-counter {
	float: right;
	color: #999;
}

.ag-paging {
	margin-left: 30%;
	color: #666;
}

	.ag-paging a {
		padding: 0 1em;
		border: 1px solid transparent;
		color: #666;
	}


/*** common:fields ******************************************/

.ag-fields {
}

	 .ag-fields td,
	 .ag-fields th {
		border: none;	
		vertical-align: top;
	}

	.ag-details .ag-fields td,
	.ag-details .ag-fields th {
		border-bottom: 1px solid #eee;
	}

	.ag-details .ag-fields .last td,
	.ag-details .ag-fields .last th {
		border-bottom: none;
	}

	 .ag-fields td.ag-fields-double {
		width: 85%;
	}

	 .ag-fields td {
		width: 35%;
	}

	 .ag-fields th {
		text-align: right;
		width: 15%;
		color: #666;
		padding-top: 0.5em;
	}

	form.ag-fields th,
	form .ag-fields th {
		padding-top: 0.75em;
	}

	.ag-fields input[type="password"],
	.ag-fields input[type="text"],
	.ag-fields input[type="search"] {
		width: 20em;
	}

/*** commons: form *************************************************/

.ag-fields input.ag-input-tiny,
.ag-input-tiny {
	width: 5em;
}

.ag-fields input.ag-input-short,
.ag-input-short {
	width: 10em;
}

.ag-fields input.ag-input-medium,
.ag-input-medium {
	width: 20em;
}

.ag-fields input.ag-input-long,
.ag-input-long {
	width: 40em;
}

textarea[readonly], 
input:not([type])[readonly], 
input[type="color"][readonly], 
input[type="date"][readonly], 
input[type="datetime"][readonly], 
input[type="datetime-local"][readonly], 
input[type="email"][readonly], 
input[type="month"][readonly], 
input[type="password"][readonly], 
input[type="number"][readonly], 
input[type="search"][readonly], 
input[type="tel"][readonly], 
input[type="text"][readonly], 
input[type="time"][readonly], 
input[type="url"][readonly], 
input[type="week"][readonly],
textarea:disabled, 
input:not([type]):disabled, 
input[type="color"]:disabled, 
input[type="date"]:disabled, 
input[type="datetime"]:disabled, 
input[type="datetime-local"]:disabled, 
input[type="email"]:disabled, 
input[type="month"]:disabled, 
input[type="password"]:disabled, 
input[type="number"]:disabled, 
input[type="search"]:disabled, 
input[type="tel"]:disabled, 
input[type="text"]:disabled, 
input[type="time"]:disabled, 
input[type="url"]:disabled, 
input[type="week"]:disabled {
	background-color: #eee;
}

input {
	padding: 3px;
	margin: 0;
	line-height: normal;
}

	.chzn-container {
		vertical-align: middle;
	}

	form .chzn-container-multi .chzn-choices .search-field input {
		padding: 3px;
	}
	
	form .chzn-container-active .chzn-choices {
		box-shadow: none;
	}

	form .chzn-container-multi .chzn-choices,
	input[type="search"], 
	input[type="text"], 
	input[type="password"], 
	textarea, 
	select {
		background: white;
		border-top: solid 1px #ABADB3;
		border-right: solid 1px #DBDFE6;
		border-bottom: solid 1px #E3E9EF;
		border-left: solid 1px #E2E3EA;
	}

	input[type="search"] {
		border-radius: 1em;
		padding-left: 1em;
		padding-right: 1em;
	}

	select {
		background-color: white;
		padding: 1.5px;
		margin-bottom: 0;
	}

	textarea {
		font-family: Verdana,Arial,sans-serif;
		font-size: 12px;
		line-height: 16px;
	}

	input[type="checkbox"] {
		position: relative;
		top: 2px;
	}

	input[type="text"].datepicker {
		width: 75px;
	}

input:focus, 
textarea:focus, 
select:focus {
	background: #ffd;
}

.ag-buttons {
	padding-left: 30%;
	border-top: 1px solid #DDD;
	padding-top: 1.5em;
	padding-bottom: 0.5em;
}

	/*.ag-buttons .ag-btn {*/
		/*font-size: 1.2em;*/
	/*}*/

.ag-required-input {
	position: relative;
	display: inline-block;
	/* For IE <= 7 */
	zoom: 1;
	*display: inline;
}

	.ag-required-input .ag-required-marker {
		background-color: red;
		position: absolute;
		left: -5px;
		width: 3px;
		top: 1px;
		bottom: 1px;
	}

input.ag-hasUnits {
	padding-right: 2.5em;
	margin-right: -2.5em;
}

.ag-input-quantity {
	width: 2.5em;
	display: inline-block;
}

.ag-fields input[type="password"].ag-input-tiny.ag-hasUnits, 
.ag-fields input[type="text"].ag-input-tiny.ag-hasUnits, 
.ag-fields input[type="search"].ag-input-tiny.ag-hasUnits, 
.ag-input-tiny.ag-hasUnits {
	width: 6em;
}

/*** common: buttons ****************************************/

.ag-btn {
	cursor: pointer;
	display: inline;
	vertical-align: baseline;
	margin-right: 0.25em;
	color: #333;
	border: 1px solid #B5B5B5;
	border-bottom-color: #7F7F7F;
	background: #E8E8E9 url('../img/btn_sprite.png') repeat-x right top;
	font-weight: bold;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	padding: 0.25em 0.5em;
	margin: 0 2px;
}

.ag-btn.ag-wide {
	margin-left: 2em;
}

.ag-btn:HOVER {
	background-position: right -30px;
}

.ag-btn:ACTIVE {
	background-position: right -60px;
	border-color: #585858;
	border-bottom-color: #939393;
}

.ag-btn.ag-btn-primary {
	background-position: right -120px;
	color: white;
	border-color: #579;
	border-bottom-color: #7F7F7F;
}

.ag-btn.ag-btn-primary:HOVER {
	background-position: right -180px;
	color: #333;
}

.ag-btn.ag-btn-primary:ACTIVE {
	background-position: right -270px;
	color: #333;
	border-color: #585858;
	border-bottom-color: #939393;
}

.ag-btn[disabled] {
	color: #999;
}

.ag-btn[disabled]:HOVER {
	background-position: right top;
	cursor: default;
}

.ag-btn[disabled]:ACTIVE {
	background-position: right top;
	border-color: #B5B5B5;
	border-bottom-color: #7F7F7F;
}

.ag-btn[disabled] .ag-chevron {
	border-top-color: #999;
}

/*** commons: links *************************************************/

.ag-links {
	border-bottom: 1px solid #ddd;
	padding: 0;
}

	.ag-links li {
		list-style: none;
		border-top: 1px solid #ddd;
	}

		.ag-links li a {
			display: block;
			padding: 0.5em;
			font-size: 14px;
		}
	
		.ag-links li a:HOVER {
			background-color: #ff9;
			text-decoration: none;
		}

/*** header ******************************************/

#ag-header {
	margin-bottom: 2em;
}

	/*** titlebar ******************************************/

	#ag-titlebar {
		padding: 0.33em 1em;
		text-align: right;
		background-color: #333;
		color: white;
	}

		#ag-titlebar .ag-quiet {
			color: #ccc;
		}

		#ag-titlebar a {
			color: white;
			text-decoration: underline;
		}

			#ag-titlebar a:HOVER {
				background-color: white;
				color: #333;
				text-decoration: none;
			}

		#ag-titlebar #ag-logo {
			float: left;
			font-weight: bold;
			text-transform: uppercase;
		}

	/*** menu **********************************************/

	#ag-menu {
		background: white url(../img/bg_menu.png) repeat-x bottom;
		border-bottom: 1px #aaa solid;
		border-top: 1px #aaa solid;
		border-top: 1px white solid;
		padding: 0 1em 0.5em;
		margin-bottom: 2em;
		box-shadow: 0 1px 2px #ccc;
		line-height: 1.2em;
	}

		#ag-menu .ag-menu-item {
			display: inline-block;
			text-align: center;
		}

		#ag-menu .ag-menu-item.ag-menu-input {
			width: auto;
			padding-top: 1.25em;
			margin-right: 1em;
		}
		
			#ag-menu .ag-menu-item.ag-menu-input input {
				font-size: 1.25em;
				width: 14em;
			}
		
		#ag-menu .ag-menu-separator {
			width: 0px;
			/*
			border-left: 1px solid #ccc;
			border-right: 1px solid #fff;
			*/
			height: 4.5em;
			margin: 0 1em;
			display: inline-block;
		}
		
		#ag-menu a.ag-menu-item {
			color: #333;
			text-shadow: 1px 1px 0 #fff;
			padding: 0.2em 0.5em;
			border-bottom: 1px solid transparent;
			border-right: 1px solid transparent;
			position: relative;
		}
		
			#ag-menu a.ag-menu-item:HOVER {
				background: #fff;
				border-bottom-color: #ccc;
				border-right-color: #ccc;
				text-decoration: none;
			}

			#ag-menu a.ag-menu-item:ACTIVE {
				background: #fff;
				border-bottom: none;
				border-right: none;
				border-top: 1px solid #ccc;
				border-left: 1px solid #ccc;
			}
			
			#ag-menu a.ag-menu-item .ag-counter {
				position: absolute;
				top: 0;
				right: 2px;
				background: red;

				-moz-border-radius: 1em; 
				-webkit-border-radius: 1em; 
				border-radius: 1em;
				border: 2px solid whitesmoke;

				color: white;
				padding: 1px 3px;
				text-shadow: none;
				font-weight: bold;
			}
			
			#ag-menu a.ag-menu-item:HOVER .ag-counter {
				border-color: white;
			}

	/*** statusbar **********************************************/

	#ag-statusbar {
		background-color: #ffc;
		margin: -1.5em 0.5em 2em;
		padding: 0.25em 1em 0.33em;
		border-bottom: 1px dashed #dda;
		text-align: center;
	}



/*** body ****************************************************/

#ag-body {
	margin: 1em 1em 6em;
}


/*** footer ******************************************/

#ag-footer {
	margin: 2em 0;
	text-align: center;
	color: #999;
}

	#ag-footer a {
		color: #666;
	}