body
{
	background-color: #efefef;
	color: #666666;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}
p, td, th
{
    color: #666666;
	font-size: 10pt;
	padding: 0;
	margin: 10px 0;
}
a
{
    color: #ffcc66;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	color: #cccccc;
	text-decoration: underline;
}
ul
{
    margin: 5px 0 5px 16px;
    padding: 0;
}
ul li
{
    list-style-type: square;
    margin: 5px 0;
}
img
{
    border: none;
}
td
{
	font-size: 10pt;
}
h1, h1 a
{
    color: Black;
	font-size: 20pt;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: none;
}
h1 a:hover
{
    text-decoration: underline;
}
h2
{
    background-color: #e2f2f2;
    border-left: solid 5px #99ccff;
    color: Black;
	font-size: 16pt;
	font-weight: bold;
	margin: 10px 0;
	padding: 0 0 0 10px;
	height: 30px;
}
h3
{
    border-bottom: solid 1px Black;
    color: Black;
	font-size: 12pt;
	font-weight: bold;
	margin: 10px 0;
	padding: 0;
}
h4
{
    color: Black;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}
fieldset
{
    clear: both;
    display: block;
}
fieldset legend
{
    color: #99ccff;
    font-weight: bold;
    padding: 0 10px;
}
/****************************************************/
/* LAYOUT */
/****************************************************/
#container
{
    width: 100%;
    padding: 0;
    margin: 0;
}
#header
{
    background-color: #ffcc66;
    border-bottom: solid 3px #cccccc;
    height: 100px;
    padding-left: 10px;
    margin-bottom: 20px;
}
#header .text
{
    float: left;
    width: 524px;
}
#header .text h1
{
    color: White;
    font-size: 36pt;
    margin: 10px 0 0 0;
    padding: 0;
}
#header .text p
{
    color: #666666;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}
#header .banner
{
    float: left;
    width: 468px;
    height: 60px;
    margin: 20px 0 0 0;
}
#ad
{
    clear: both;
    float: left;
    margin: 0 10px;
    width: 160px;
}
#body
{
    background: White url(../../images/bkg_body.gif) repeat-y right top;
    float: left;
    padding: 10px 20px 10px 10px;
    width: 800px;
}
#footer
{
    background-color: #ffcc66;
    clear: both;
    color: Black;
    font-size: 8pt;
    padding: 10px;
    margin-top: 20px;
}
#footer a
{
    color: Black;
    font-size: 8pt;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}

/***************/
/* FORM STYLES */
/***************/
.form
{
    padding: 10px;
}
.form .row
{
    clear: both;
    margin: 5px 0;
    padding: 5px 0;
}
.form .row2
{
    clear: both;
    margin: 5px 0;
    padding: 0;
}
.form .row label
{
    float: left;
    width: 120px;
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
}
.form .row2 label
{
    display: block;
    font-weight: bold;
}
.form .row .elem
{
    float: left;
}
.form .row .elem label, .form .row2 .elem label
{
    float: none;
    font-weight: normal;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: left;
}
.form .row2 .elem
{
    display: block;
}
input.submit
{
	background-color: #99ccff;
	color: Black;
	font-weight: bold;
}
input.submit_secondary
{
	background-color: #e2f2f2;
	color: Black;
	font-weight: bold;
}
.counterOuter
{
	font-size: 8pt;
}
.counter
{
	color: #999999;
}
.alert
{
    background: Red;
	color: White;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
}
.alert a
{
    color: White;
}

/****************************************************/
/* PAGING REPEATER */
/****************************************************/
.pager
{
    background-color: #efefef;
	padding: 5px;
	margin: 0;
}
.pageLink
{
	border: solid 1px #efefef;
	color: #99ccff;
	font-size: 14pt;
	padding: 0 5px;
	text-decoration: none;
}
.selectedPageLink
{
	border: solid 1px White;
	background-color: White;
	color: Black;
	font-size: 14pt;
	font-weight: bold;
	padding: 0 5px;
	text-decoration: none;
}

/****************************************************/
/* EVENTS */
/****************************************************/
.event
{
    border-bottom: dashed 1px #cccccc;
    clear: both;
    margin: 10px 0;
    padding: 5px;
}
.event .pic
{
    float: left;
    width: 100px;
}
.event .body
{
    float: left;
    width: 600px;
}
.event .description
{
    color: #999999;
}

/****************************************************/
/* MESSAGES */
/****************************************************/
#messages .children
{
    clear: both;
    margin: 0 0 0 90px;
    padding: 0;
}
#messages .children .toggle
{
    clear: both;
}
#messages .message
{
    border-bottom: solid 1px #cccccc;
    margin: 5px 0;
    padding: 5px;
}
#messages .message .attachments
{
    border: dashed 1px #cccccc;
    clear: both;
    margin: 5px 0;
}
#messages .message .attachments h3
{
    color: #cccccc;
    font-size: 10pt;
    border: none;
    margin-top: 0;
    padding: 5px 0 0 5px;
}
#messages .message .attachments .attachment
{
    float: left;
    margin-right: 10px;
    padding: 5px;
}
#messages .children .message
{
    background-color: #efefef;
    border: none;
    display: none;
    margin: 10px 0;
    padding: 10px;
}
#messages .message .user, #messages .children .message .user
{
    float: left;
    margin-right: 10px;
    padding: 0;
}
#messages .message .body
{
    float: left;
    width: 420px;
}
#messages .children .message .body
{
    float: left;
    width: 370px;
}
#messages .message .body .text, #messages .children .message .body .text
{
    clear: both;
}
#messages .message .body .text p
{
    margin: 5px 0;
    padding: 0;
}
#messages .message .body .text p.title, #messages .children .message .body .text p.title
{
    font-weight: bold;
}
#messages .message .body .date, #messages .children .message .body .date
{
    clear: both;
    color: #999999;
    font-size: 8pt;
    margin-bottom: 5px;
}
#messages .message .body .form, #messages .children .message .body .form,
#messages .message .body .reply, #messages .children .message .body .reply,
#messages .message .body .edit, #messages .children .message .body .edit
{
    clear: both;
    display: none;
    margin: 10px 0;
    padding: 0;
}

/****************************************************/
/* MISC STYLES */
/****************************************************/
.ad
{
    text-align: center;
    margin: 10px auto;
}
div.ten
{
	float: left;
	width: 8%;
	margin: 0;
	padding: 0 0.5%;
}
div.twenty
{
	float: left;
	width: 18%;
	margin: 0;
	padding: 0 0.5%;
}
div.thirty
{
	float: left;
	width: 28%;
	margin: 0;
	padding: 0 0.5%;
}
div.forty
{
	float: left;
	width: 38%;
	margin: 0;
	padding: 0 0.5%;
}
div.fifty
{
	float: left;
	width: 48%;
	margin: 0;
	padding: 0 0.5%;
}
div.sixty
{
	float: left;
	width: 58%;
	margin: 0;
	padding: 0 0.5%;
}
div.seventy
{
	float: left;
	width: 68%;
	margin: 0;
	padding: 0 0.5%;
}
div.eighty
{
	float: left;
	width: 78%;
	margin: 0;
	padding: 0 0.5%;
}
div.ninety
{
	float: left;
	width: 88%;
	margin: 0;
	padding: 0 0.5%;
}
div.scroll100
{
    height: 100px;
    overflow-y: auto;
}
div.scroll200
{
    height: 200px;
    overflow-y: auto;
}
div.scroll300
{
    height: 300px;
    overflow-y: auto;
}
.hidden
{
    display: none;
    visibility: hidden;
}
.clear
{
    clear: both;
}
.small
{
    font-size: 8pt;
}
.big
{
    font-size: 12pt;
}
.center
{
    text-align: center;
}
.right
{
    text-align: right;
}
.left
{
    text-align: left;
}
.date, .dim
{
    color: #999999;
    font-size: 8pt;
}
.code
{
    color: #333333;
    font-family: Courier New, Courier;
    font-size: 10pt;
}
.separator
{
    border-bottom: dashed 1px #ffcc66;
    color: White;
    clear: both;
    padding: 0;
    margin: 5px 0;
}
.altrow
{
    background-color: #efefef;
}
.smileys
{
    background-color: #efefef;
    border: solid 1px White;
    display: none;
    position: relative;
    padding: 3px;
}

/****************************************************/
/* TABS */
/****************************************************/
.tabs
{
    clear: both;
}
.ui-tabs-hide
{
	display: none;
}
.ui-tabs-nav
{
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: 0; /* hasLayout for IE7 */
	_height: 0; /* hasLayout for IE6 */
}
.ui-tabs-nav li
{
	border: solid 1px #efefef;
	border-top: solid 4px #99ccff;
	float: left;
	list-style: none;
}
.ui-tabs-nav li.ui-tabs-selected
{
    background-color: #efefef;
    border-top: solid 4px #cccccc;
	list-style: none;
}
.ui-tabs-nav li a
{
	position: relative;
	display: block;
	padding: 5px 10px;
	font-size: 10pt;
}
.ui-tabs-nav li.ui-tabs-selected a
{
}
.ui-tabs-panel
{
    clear: both;
	padding: 10px;
	background-color: #efefef;
}
    
/****************************************************/
/* CSS HACKS */
/****************************************************/
.clearfix:after, #body:after, #footer:after, .form:after
{
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix, #body, #footer, .form
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix, * html # body, * html # footer
{
	height: 1%;
}
.clearfix, #body, #footer, .form
{
	display: block;
}
/* End hide from IE-mac */