/* DEFAULTS */
body
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	/*background: #FFE39E;*/
}

img
{
	border: none;
}

a,
a:link,
a:visited
{
	color: #3A0FFF;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.new-window 
{
	padding-right: 16px;
	background: url(images/new-window-link.gif) no-repeat right center;
}

h1
{
	margin-top: 0;
	padding: 0;
	font-size: 140%;
	font-weight: bold;
}

h2
{
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}


/* Base settings */

.userimage
{
	border: 1px solid #999;
	margin: 0 10px 10px 0;
}

.groupimage
{
	border: 1px solid #999;
	margin: 0 10px 10px 0;
}

.maincontent
{
	padding: 10px;
	background: #FAFAFA;
	border: 1px solid #DDD;
}

/* Lists */

.listheader
{
	font-size: 12px;
	color: #004080;
	border-color: #CCCCCC;
}

.listheader th
{
	border-color: #CCCCCC

}

.listrow
{
	border-color: #CCCCCC;
	padding: 4px;
	vertical-align: top;
}

.listitem
{
	border-color: #CCCCCC;
	padding: 4px;
	vertical-align: top;
}

.listitemseparated
{
	border-color: #CCCCCC;
	padding: 4px;
	vertical-align: top;
	border-left: 1px solid #CCCCCC;
}

.listpager
{
	font-size: 12px;
	border-color: #CCCCCC;
}

.listpager tr
{
	border: 0;
}


/* Boxes */

.defaultbox
{
	margin-bottom: 10px;
	padding: 5px;
	background: white;
	border: 1px solid black;
}

.defaultbox h2
{
	color: #666;
	font-size: 100%;
	margin-bottom: 0.5em;
}


/* User Header */

.userheader
{
	padding: 10px;
	background: #FAFAFA;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #DDD;
}

.viewuserheader
{
	padding: 10px;
	padding: 10px;
	margin-bottom: 30px;
}

.lastlogin
{
	color: #999;
	font-size: 90%;
}


/* Register */

.registerentry
{
	margin-bottom: 10px;
}

.registerlabel
{
	width: 10em;
	margin-right: 1em;
	float: left;
	text-align: right;
}

.registerinput
{
	float: left;
}


/* Group */

.grouphead
{
	margin-bottom: 20px;
}

.grouphead h1
{
	color: #333;
}

.grouphead h2
{
	color: #666;
	text-decoration: none;
	font-size: 100%;
}

.grouphead .creator
{
	color: #999;
	font-size: 90%;
}

.grouphead .category
{
	color: #999;
	font-size: 90%;
}

.grouphead .date
{
	color: #999;
	font-size: 90%;
}

.grouphead .location
{
	color: #999;
	font-size: 90%;
}

.grouphead .description
{
	margin-top: 10px;
}

.groupevents
{
	margin-top: 10px;
}

.eventhead
{
	margin-bottom: 20px;
}

.eventhead h1
{
	color: #333;
}

.eventhead h2
{
	color: #666;
	text-decoration: none;
	font-size: 100%;
}

.eventhead .group
{
	color: #999;
	font-size: 90%;
}

.eventhead .category
{
	color: #999;
	font-size: 90%;
}

.eventhead .date
{
	color: #999;
	font-size: 90%;
}

.eventhead .description
{
	margin-top: 10px;
}

.groupmessage
{
}

.groupmessage .user
{
	width: 80px;
	background: #F0FFFF;
	padding: 0.5em;
	vertical-align: top;
}

.groupmessage .usersystem
{
	width: 80px;
	background: #d1d1d1;
	padding: 0.5em;
	vertical-align: top;
}

.groupmessage .useruser
{
	width: 80px;
	background: #b7beff;
	padding: 0.5em;
	vertical-align: top;
}

.groupmessage .useraccept
{
	width: 80px;
	background: #b0fab8;
	padding: 0.5em;
	vertical-align: top;
}

.groupmessage .userdecline
{
	width: 80px;
	background: #ffa2a2;
	padding: 0.5em;
	vertical-align: top;
}

.groupmessage .body
{
	background: #DFF4FF;
	padding: 0.5em;
	vertical-align: top;
}

.groupmessage .bodysystem
{
	background: #e2e2e2;
	padding: 0.5em;
	vertical-align: top;
}

.groupmessage .bodyuser
{
	background: #c8cdff;
	padding: 0.5em;
	vertical-align: top;
}

.groupmessage .bodyaccept
{
	background: #c8facd;
	padding: 0.5em;
	vertical-align: top;
}

.groupmessage .bodydecline
{
	background: #ffc7c7;
	padding: 0.5em;
	vertical-align: top;
}

.groupmessage .header
{
	margin-bottom: 0.5em;
	border-bottom: 1px solid #CCC;
}

.groupmessage .header h3
{
	margin-top: 0;
}

.groupmessage .buttons
{
	margin-top: 0.2em;
	padding-top: 0.5em;
	border-top: 1px solid #CCC;
}

/* Group Edit */

.groupeditspacer
{
	clear: left;
}

.groupeditblock
{
	margin: 0.2em 0.8em 1em 0.2em;
	width: 34em;
	float: left;
	background: #EEE;
	padding: 0.5em;
}

.groupeditblock h2
{
	color: #666;
	font-size: 100%;
	margin-bottom: 0.5em;
}

.groupeditblock .item
{
	margin-bottom: 0.5em;
	float: left;
}

.groupeditblock .label
{
	color: #888;
	margin-right: 1em;
}

.groupeditblock .control
{
	margin-right: 1em;
}


/* Event Edit */

.eventeditspacer
{
	clear: left;
}

.eventeditblock
{
	margin: 0.2em 0.8em 1em 0.2em;
	width: 34em;
	float: left;
	background: #EEE;
	padding: 0.5em;
}

.eventeditblock h2
{
	color: #666;
	font-size: 100%;
	margin-bottom: 0.5em;
}

.eventeditblock .item
{
	margin-bottom: 0.5em;
	float: left;
}

.eventeditblock .label
{
	color: #888;
	margin-right: 1em;
}

.eventeditblock .control
{
	margin-right: 1em;
}


/* Settings */

.settings
{
	clear: both;
	margin: 1em 0;
	padding-bottom: 0.5em;
}

.settings .header
{
	margin-bottom: 0.5em;
}

.settings .header h2
{
	margin: 0;
}

.settings .header .editlink
{
	float: right;
}

.settings .body
{
	clear: both;
}

.settings .body h3
{
	clear: left;
	margin: 0.5em 0;
}

.settings .body .setting
{
	clear: left;
	margin: 0.5em 0;
	padding: 0.5em 0;
}

.settings .body .setting .label
{
	width: 10em;
	color: #CCC;
	float: left;
}

.settings .body .setting .value
{
	float: left;
	min-width: 15em;
	margin-right: 1em;
}

.settings .body .buttons
{
	clear: left;
	margin: 0.5em 0;
	padding: 0.5em 0;
}

.tab
{
	background-image:url(images/tab.png);
	width: 145px;
	height: 19px;
	padding-top: 6px;
	margin: 0 3px -1px 0;
	text-align: center;
	float: left;
}

.tabsel
{
	background-image:url(images/tabsel.png);
	width: 145px;
	height: 19px;
	padding-top: 6px;
	margin: 0 3px -1px 0;
	text-align: center;
	font-weight: bold;
	float: left;
}