/** Defaults - To baseline margins & padding across all browsers **/

/*
body, h1, h2, h3, h4, h5, h6, h7, p, div, ul, li
{
	margin: 0px;
	padding: 0px;
}
*/
body, h1, h2, h3, h4, h5, h6, h7, p, div
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

form
{
	display: inline;
}

img {
	border: none;
}

a
{
	color: blue;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:visited
{
	color: blue;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.form-top
{
	padding: 3px;
	border-bottom: 1px solid #aaa;
	background-color: #ffc;
}

.form-bottom
{
	padding: 3px;
	border-top: 1px solid #aaa;
	background-color: #ffc;
}

.disabled
{
    opacity: 0.5;
}

/** Common Structures - Clear Fix for floating objects **/

.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

html[xmlns] .clearfix
{
    display: block;
}

* html .clearfix
{
    height: 1%;
}

a.skip-anchor
{
	content: ".";
	display: block;
	height: 0px;
	background-color: red;
}


/** Common Structures -> Batch Navigator **/

div.batch-nav
{
	text-align: right;
	padding: 7px 0px 7px 0px;
}

div.batch-nav ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	white-space: normal;
}

div.batch-nav li
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

div.batch-nav a
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding-left:4px;
	padding-right:4px;
}

div.batch-nav h4
{
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	font-weight: bolder;
}

div.batch-nav a.selected
{
	background-color: #fff;
}


/** Common Structures -> Messages **/

#messages
{
	margin: 0px;
	padding: 3px;
	background: #eeeeff;
	min-height: 38px;
	text-align: left;
	border-bottom: 1px solid #707883;
}

#messages ul
{
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	padding-left: 18px;
	padding-top: 6px;
}

#messages div.icon
{
	margin: 2px;
	float: left;
	height: 34px;
	width: 34px;
}

#messages.warning {
	background: #ffcccc;
}

#messages.warning div.icon
{
	background: url(images/message_warning.gif) no-repeat left center;
}

#messages.confirm {
	background: #ccffcc;
}

#messages.confirm div.icon
{
	background: url(images/message_confirm.gif) no-repeat left center;
}


/** Common Structures -> Table **/

table th
{
	text-align: center;
}

table.list
{
	width: 100%;
	border: none;
	font-size: smaller;
}

table.list th, table.list td.header
{
	border: 1px solid #aaa;
	background-color: #eee;
	margin-right: 15px;
	font-size: larger;
	text-align: center;
}

table.list td
{
	border: none;
	border-bottom: 1px solid gray;
	padding: 1px;
}

table.list tr:hover td
{
	background-color: #eef;
}

table.list td a
{
	display: block;
}

table.list td h4
{
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}

/** Buttons **/

a.button {
    background: transparent url('images/bg_button_gray_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    height: 24px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

a.button div {
    background: transparent url('images/bg_button_gray_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 7px 12px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active div {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
}

a.button div img
{
	float: left;
	margin-right: 10px;
	border: none;
}

input.image
{
	margin: 0px 2px;
	padding-bottom: 2px;
	vertical-align: middle;
}

/*************** Content Options (Trail & Section selectors) ***************/

div#content-options
{
	background-color: white;
	margin-left: 0px;
	border-bottom: 2px solid #03699a;
	padding: 7px 5px 7px 1px;
	text-align: right;
}

div#content.no-nav div#content-options
{
	margin-left: 0px;
}

div#content-options ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#content-options li
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

div#content-options a
{
	color:black;
	border:1px solid #ccc;
	background-color:#97c5ff;
	padding-left:4px;
	padding-right:4px;
	white-space: nowrap;
}

div#content-options li.selected a
{
	background-color:#fff;
}

div#content-options ul.trail
{
	float: left;
	/*** Alternate Layout Test -> Placing the nav before options in the document order *
	margin-left: -142px;*/
	margin-left: -142px;
}

/** override the previous for main content pages with no-nav (User pages) **/
div#content.no-nav div#content-options ul.trail
{
	margin-left: 0px;
}

/** override the previous for main content pages with form pages **/
div#form div#content-options ul.trail
{
	margin-left: 0px;
}

div#content-options ul.trail a
{
	border: none;
	color: blue;
	white-space: normal;
	background:url(images/trail-bullet.gif) no-repeat center left;
	padding-left: 10px;
	padding-right:0px;
}

div#content-options ul.trail li.first a
{
	background: none;
	padding-left: 4px;
}

/*************** Attachment List ***************/

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

ul.attachments li {
	margin: 4px 0px;
	padding: 0px;
}

ul.attachments span {
	display: block;
	margin-left: 22px;
}

ul.attachments li img
{
	float: left;
}

ul.attachments li h3
{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
}

ul.attachments li h3 a
{
	display: block;
	margin: 0px;
	padding: 0px;
}

/*** Calendar Styles ***/

table.calendar td {
	font-family: "Tahoma","Lucida","Verdana", sans-serif;
	font-size:12px;
	width:14%;
	height: 65px;
	background-color:#eeeeee;
}

table.calendar td.today {
	background-color:#ccffcc;
}

table.calendar td.selected-month {
	background-color:#ccccff;
}

table.calendar {
	border: 1px solid black;
}

table.calendar h5 {
	margin: 0px;
	padding: 0px;
	font-size:12px;
}

table.calendar ul {
	margin:0px;
	padding:0px;
	width: 70px;
}

table.calendar li {
	margin:2px;
	padding:1px;
	width: 70px;
	white-space: nowrap;
	overflow:hidden;
	list-style:none;
}

table.calendar td a.event {
	color:#000000;
	padding:2px;
	width:70px;
	overflow:hidden;
}

table.calendar li.label-blue a.event {
	background-color:#387df8;
}

table.calendar li.label-green a.event { background-color: #3F3; }

table.calendar li.label-grey a.event {
	background-color:gray;
}

table.calendar li.label-red a.event { background-color: #F36; }

table.calendar li.label-yellow a.event {
	background-color:yellow;
}