﻿/******************
Groups - Styles ON Groups List Page
******************/
#groupsPage 
{
	width:630px;
}
#groupsPage .groupsList
{
    padding: 0px;
    width:628px; 
    border-left-color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: solid;
}
#groupsPage ul
{
	list-style-type: none;
}
#groupsPage .itemRow
{
    padding: 10px 0px 10px 10px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#groupsPage .headerRow
{
    font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}
#groupsPage .footerRow
{    
    font-size: 1.1em;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: solid;
	background-color: #9FCCCC;
}
#groupsPage .footerRow a:hover 
{
	color:#FFFFFF;
}
#groupsPage .item
{
}
#groupsPage .itemLeft
{
	float:left;
	width:110px;
}
#groupsPage .itemRight
{
	float:right;
	width:230px;
}
#groupsPage .picture
{
	float:left;
	width:120px;
}
#groupsPage .linkList
{
	float:right;
	width:150px;
}
#groupsPage .description  
{
	float:left;
	width:340px;
}
#groupsPage .leftnav
{
	float:left;
	width:100px;
}
#groupsPage .rightnav
{
	float:right;
	text-align:right;
	width:100px;
}
#groupsPage .numnav
{
	float: left;
	width: 400px;
	text-align: center;
	font-weight: bold;
}
/******************
Contests - extra styles for Contest Page
******************/
#groupsPage .itemLeft-contest
{
	float:left;
	width:90px;
}
#groupsPage .itemRight-contest
{
	float:right;
	width:190px;
}
#groupsPage .place-contest
{
    float: left;
    width: 50px;
    font-size: x-large;
}
#groupsPage .picture-contest
{
	float:left;
	width:120px;
}
#groupsPage .linkList-contest
{
	float:right;
	width:160px;
}
#groupsPage .description-contest
{
	float:left;
	width:280px;
}

/******************
MembersList - extra styles for small members list
******************/

#membersList
{
}
#membersList li
{
	display:inline;
	list-style-type:none;
	padding-left: 0pt;
	width: 90px;
	font-size: 10px;
	float: left;
}
#membersList ul
{
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#membersList .itemRow
{
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-bottom: 5px;
	margin-top: 5px;
}
#discussionsList 
{
}
#discussionsList .itemRow
{
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-bottom: 5px;
	margin-top: 5px;
}
#discussionsList .itemLeftDiscussion
{
	float: left;
	width: 230px;
}
#discussionsList .itemRightDiscussion
{
	float: right;
	width: 80px;
}
#discussionsList .messageText  
{
    border-color: #9FCCCC;
	border-width: 1px;
	border-style: solid;
	margin: 5px 10px 5px 10px;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
}
/******************
Messages - Styles ON Messages Pages
******************/
#messagesPage 
{
	width:630px;
}
#messagesPage .messagesList
{
    padding: 0px;
    width:628px; 
    border-left-color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: solid;
}
#messagesPage ul
{
	list-style-type: none;
}
#messagesPage .itemRow
{
    padding: 10px 0px 10px 10px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#messagesPage .headerRow
{
    font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #483109;
}
#messagesPage .footerRow
{    
    font-size: 1.1em;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: solid;
	background-color: #9FCCCC;
}
#messagesPage .footerRow a:hover 
{
	color:#FFFFFF;
}
#messagesPage .item
{
}
#messagesPage .picture
{
	float:left;
	width:90px;
}
#messagesPage .description  
{
	float:left;
	width:130px;
	padding-right: 10px;
}
#messagesPage .subject
{
	float:left;
	width:240px;
}
#messagesPage .linkList
{
	float:right;
	width:130px;
}
#messagesPage .leftnav
{
	float:left;
	width:100px;
}
#messagesPage .rightnav
{
	float:right;
	text-align:right;
	width:100px;
}
#messagesPage .numnav
{
	float: left;
	width: 400px;
	text-align: center;
	font-weight: bold;
}

/******************
Discussions - Styles ON Discussion Pages
******************/
#discussionPage 
{
	width: 614px;
	padding: 8px;
}
#discussionPage ul
{
	list-style-type: none;
}
#discussionPage .itemRow
{
    padding: 10px 0px 10px 10px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#discussionPage .headerRow
{
    font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #483109;
	width:520px; 
}
#discussionPage .footerRow
{    
    font-size: 1.1em;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: solid;
	border-left-color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: solid;
	background-color: #9FCCCC;
}
#discussionPage .footerRow a:hover 
{
	color:#FFFFFF;
}
#discussionPage .picture
{
	float:left;
	width:80px;
}
#discussionPage .content  
{
	float:left;
	width:520px;
}
#discussionPage .contentHeader
{
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
}
#discussionPage .contentText
{
	float:left;
}
#discussionPage .contentTextLeft
{
	float:left;
	width:430px;
}
#discussionPage .contentTextRight
{
	float:right;
	width:80px;
	padding-left: 10px;
}
#discussionPage .leftnav
{
	float:left;
	width:100px;
}
#discussionPage .rightnav
{
	float:right;
	text-align:right;
	width:100px;
}
#discussionPage .numnav
{
	float: left;
	width: 384px;
	text-align: center;
	font-weight: bold;
}
/******************
StartPage
******************/
#startPage 
{
	width:630px;
}
#startPage .eventsList
{
    padding: 0px;
    width:628px; 
    border-left-color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: solid;
}
#startPage .itemRow
{
    padding: 10px 0px 10px 10px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#startPage .itemRowHeader
{
    padding: 10px 0px 0px 10px;
}
#startPage .headerRow
{
    font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #483109;
}
#startPage .footerRow
{    
    font-size: 1.1em;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: solid;
	background-color: #9FCCCC;
}
#startPage .footerRow a:hover 
{
	color:#FFFFFF;
}
#startPage .item
{
}
#startPage .itemLeft
{
	float:left;
	width: 430px;
}
#startPage .itemRight
{
	float:right;
	width: 70px;
}
#startPage .picture
{
	float: left;
	width: 110px;
}
#startPage .linkList
{
    float: right;
    width: 70px;
}
#startPage .description  
{
	float:left;
	width:430px;
}
#startPage .descriptionText  
{
    border-color: #9FCCCC;
	border-width: 1px;
	border-style: solid;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	min-height: 70px;
}
#startPage .leftnav
{
	float:left;
	width:100px;
}
#startPage .rightnav
{
	float:right;
	text-align:right;
	width:100px;
}
#startPage .numnav
{
	float: left;
	width: 450px;
	text-align: center;
	font-weight: bold;
}

#publicEventsList
{
}
#publicEventsList .itemRow
{
    margin-right: 20px;
    padding: 5px 0px 5px 0px;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
}
#publicEventsList .picture
{
	float: left;
	width: 60px;
}
#publicEventsList .description  
{
    padding-top: 5px;
	float:left;
	width:170px;
}
#publicEventsList .itemLeft
{
	float:left;
	width: 60px;
}
#publicEventsList .itemRight
{
	float: right;
	width: 110px;
}

/******************
Training Page
******************/

#trainingPage 
{
    border-left-color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: solid;
	width:630px;
}
#trainingPage .itemRow
{
    padding: 10px 0px 10px 0px;
	border-top-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: solid;
}
#trainingPage .picture
{
	float:left;
	width:70px;
}
#trainingPage .linkList
{
	float:right;
	width:120px;
}
#trainingPage .description  
{
	float:left;
	width:430px;
}
