/* Globals */

body {
	margin: 0px;
	padding: 0px;
}

body, p, input, select, textarea
{
	font-size: 11px;
	color: #444444;
}

p { margin: 0; padding: 0; margin-bottom: 7px; }

h1 {
	margin-bottom: 15px;
	font-size: 1.6em;
}

h2 {
	margin-top: 0px;
	padding-top: 8px;
	margin-left: 2px;
	font-size: 1.1em;
}

h3 {
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
}

form {
	margin: 0px;
	padding: 0px;

}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: blue;
}

img {
	vertical-align: top;
	border: 0px;
	line-height: 100%;
	margin: 0;
	padding: 0;
}


/* Structure */

#header {
	background-color: #1F7BA2;
	padding: 5px;
}

#logo {
	position: absolute;
	right: 5px;
	top: 5px;
	border: 1px solid #efefef;
	vertical-align: top;
}

#content {
	background: #FFFFFF;
	padding: 5px;
	padding-left: 7px;

}

#footer {
	background-color: white;
	padding: 5px;
	text-align: center;
	clear: both;
}

.panel {
	margin-bottom: 20px;
}

.panel-head {
	border: 1px solid #CADAE1;
	padding: 5px;
}

.panel-body {
	clear:both;
	border:1px solid #CADAE1;
	border-top:none;
	padding: 5px;
}

/* Alerts */

.info, .notice, .warning, .error, .success, .locked, .ajax-loading, .options {
	color: black;
	padding: 10px;
	margin-bottom: 5px;
}

.info p, .notice p, .warning p, .error p, .success p, .locked p, .ajax-loading p, .options p {
	margin: 0;
}

.info, .notice {
	background-color: #E1EAFE;
	border: 1px solid #B7CAF5;
}

.warning {
	background-color: #FAEFB4;
	border: 1px solid #F6DA61;
}

.error {
	background-color: #FBC7C5;
	border: 1px solid #F49883;
}

.success {
	background-color: #C5DEA1;
	border: 1px solid #ADDCA4;
}

.options {
	background-color: #FAEFB4;
	border: 1px solid #F6DA61;
}

.locked {
	background-color: #FAEFB4;
	border: 1px solid #F6DA61;
}

ul.options {
	list-style-type: disc;
	padding-left: 45px;
}



/* The clear element to reset floats */

.clear {
	clear: both;
}


/* Alerts */

#alerts-wrap {
	margin: 0px;
	padding: 5px;
	background-color: #1C658E;
	color: white;
}

#alerts-wrap a {
	color: #DBE6EA;
}

#alerts-wrap img { vertical-align: middle; }

/* Contacts manager */

.contact, .listing { padding-bottom: 5px; border-bottom: 1px solid #808080; padding-top: 5px; }


/* Tables */

caption { text-align: left; font-size: 130%; padding: 0.5em; }

.column-button {
	width: 16px;
	padding: 4px;
}

td.button {
	text-align: right;
	background-color: #efefef;
}


td.header {
	background-color: #efefef;
}


.buttons {
	position: absolute;
	right: 5px;
	top: 5px;
}

/* Attention getters */

.hot {
	/* Also used for overdue etc */

	background-color: #ffdddd;
}

.warm {
	/* Also used for due etc */

	background-color: #FAEFB4;
}

.cold {
	background-color: #E1EAFE;
}

.ucont {
	background-color: #DDFFDD;
}

.yellow {
	background-color: #FFFFD9;
}

.grey {
	background-color: #E5E5E5;
}

.over {
	/* used for reports etc when mouse over tr*/
	background-color: #EBFFEE;
}

.buttons li {
	display: inline;
}


/* Dates */

input.date {
	width: 60px;
}

input.datetime {
	width: 100px;
}

/* Form tables */

.form {
	border: 1px solid #dadada;

	width: 100%;
	margin-bottom: 5px;
	border-collapse: collapse;

	background-color: white;
}

.form .checkbox {
	width: 34px;
}

.form .label {
	width: 100px;
}

.form td, .form th {
	border: 1px solid #dadada;
	padding: 5px;
	vertical-align: top;
}

.form th {
	background-color: #E1EAFE;
	text-align: left;

}

.form td.td-title {
	font-weight: bold;
	text-align: left;
	width: 130px;
}




/* Web page manager */

/* Login box */

.listing-listitem {
	background-color: white;
}

.listing-listitem td {
	padding: 5px;
}

.listing-listitem-status {
	width: 85px;
}

.optional {
	display: none;
}

span.completed{
	color: #636363; font-style: italic;
}

td.p {
	margin: 0;
	padding: 0;
}

#preview {
	margin-bottom: 20px;
}

/* Pagination */

.pagination {
	margin: 0;
	padding: 7px 0 10px 0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 11px;
	font-weight: bold;
}

.pagination li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	margin-left: 0;
	margin-right: 3px;
}

.pagination li a {
	padding: 5px 7px;
	border: 1px solid #B7CAF5;
	text-decoration: none;
	background-color: #E1EAFE;
	color: #444488;
}

.pagination li.current {
	font-weight: bold;
	padding: 5px 7px;
	border: 1px solid #B7CAF5;
	background-color: white;
	color: #444444;
}

.pagination li.disabled {
	padding: 5px 7px;
	border: 1px solid #DADADA;
	color: #DADADA;
}

.pagination li.next {
	font-weight: bold;
}

/* listing buttons */

.listing-buttons {
	margin: 0;
	padding: 0;
	text-align: right; /*Set to "right" to right align pagination interface*/
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
}

.listing-buttons li {
	list-style-type: none;
	display: inline;
	margin-left: 0;
	margin-right: 3px;
}

.listing-buttons li a, .listing-buttons li a:visited {
	padding: 2px 4px;
	text-decoration: none;
	border: 1px solid #B7CAF5;
}

.listing-buttons li a:hover, .listing-buttons li a:active {
	border: 1px solid #2b66a5;
	background-color: #B7CAF5;
}


#minicalendar { display: none; position: absolute; width: 200px; border: 1px solid #808080; padding: 5px; background-color: #ffffff; }

.minicalendar { border: 1px solid #a0a0a0; border-collapse: collapse; width: 100%; padding: 0; margin-bottom: 1em; text-align: center; vertical-align: top; }
.minicalendar caption { height: 12px; vertical-align: top; text-align: center; }
.minicalendar tr, .minicalendar td, .minicalendar th { border: 1px solid #a0a0a0; }
.minicalendar td { padding: 0.2em 0; width: 14.28%; text-align: center; }
.minicalendar th { text-align: center; font-weight: normal; vertical-align: middle; }
.minicalendar .yearsel { font-weight: bold; }
.minicalendar .sunday { background-color: #6699ff; }
.minicalendar .saturday { background-color: #ccccff; }
.minicalendar .weekday { background-color: #ffffff; }
.minicalendar .selected { background-color: #ffff99; }
.minicalendar .today { background-color: #ffff33; }
.minicalendar .weekhead { background-color: #0099cc; }
.minicalendar .calheader { color: #cc0033; font-weight: bold; }


.warning-mini {
	color: black;
	background-color: #FAEFB4;
	border: 1px solid #F6DA61;
	font-weight: bold;
	padding: 1px;
}

.warning-mini img { vertical-align: middle; }
.warning-mini span { vertical-align: middle; }

.warning-mini p {
	margin: 0;
}

.required { color: #ff0000; font-weight: bold; }

table.data { font-size: 11px; }
table.data td { padding: 2px; }

hr { height: 1px; border: none; background-color: #000000; }

ul.list { list-style-type: disc; margin: 7px 0 7px 13px; padding-left: 10px; }