/*
	Useful colors...
	#4cbc00; // Livebox green
	#FFFFD5; // tool tip background

 */

html
{
     overflow: -moz-scrollbars-vertical; /* Force visibility of vertical scroll on FF: otherwise page alignment can shift left and right depending on content depth */
     overflow-y: scroll; /* Likewise for Safari */
}

body 
{
	margin: 0px;
	
	/* base font */
	font-size: 0.8em;
	font-family: Arial, Sans-Serif;
}

input, textarea, option, button, select
{
    font-size: 1em;
    font-family: Arial;
}

input.button
{
    color: #050; 
    font-weight: bold;
    padding: 2px 7px;
    outline: 0;
    font-size: 15px;
    background-color: #fed; 
    border: 1px solid; 
    border-color: #696 #363 #363 #696;  
    cursor: pointer;
}

input.button:hover
{
    border-color: #B7C671;
    background-color: #FFF2E5;   
}

dl, dd
{
    margin: 0px;
}

.comboSafariFix
{
    position: relative;
}

.comboSafariFix img
{
    position: absolute;
}

/* left alignment for divs goes below, see note */

p
{
	margin: 0px 0px 0.7em 0px;
	line-height: 1.5em;
}

a
{
	color: #003d95;
	text-decoration: none;
}

a:visited
{
}

a:hover
{
	text-decoration: underline;
}

a:active
{
    text-decoration: none;
    background: none;
}

h1, h2, h3, h4
{
	margin: 0px 0px 0.5em 0px;
}

h1
{
	font-size: 1.5em;
	margin: 0px 0px 1.6em 0px;
}

h2
{
    color: rgb(110, 110, 110);    
    font-size: large;    
    font-weight: normal;
}

h3
{
	font-size: 1.1em;
}

h4
{
	font-size: 1.1em;
}

strong
{
	color: #333333;
}

hr
{
    padding: 0px;
    margin: 0px;
    height: 0px;
    border-bottom: solid 1px #cccccc;
}

small
{
    font-size: 0.8em;
}

ul { 
    padding: 0px;
    margin-top: 0.7em; 
    margin-bottom: 0.7em; 
    margin-left: 22px; 
    list-style: square;     
	line-height: 1.5em;
}

ul ul { 
    list-style-type: circle;
    margin-top: 0em; 
    margin-bottom: 0em; 
}

ul ul ul { 
    list-style-type: disc;
}

li {
    margin: 2px 0px;
}

/* Utility styles
 */

.clearBoth
{
    clear: both;
}

/* TODO: Use clearAbsolute instead */
.separator0
{
    clear: both;
	height: 0px;
	font-size: 0px;
}

.clearAbsolute
{
    clear: both;
	height: 0px;
	font-size: 0px;
}

.padTextBox
{
    /*padding: 5px;*/
    padding: 5px;
}
.plainTextbox
{
}
.rdContent   
{      
    overflow: visible !important;
    overflow: hidden !important;
} 
/*
.raddock
{
    overflow: visible !important;
}
.padTextBox, .plainTextbox
{
    overflow: visible !important;
}
*/

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.alignRight
{
    text-align: right;
}

.textFade
{
    color: #666666;
}

.textHighlight
{
    color: #5C8400;
}

div.textRight
{
	text-align: right;
}

.marginRight
{
	margin-right: 10px;
}

.hidden
{
    visibility: hidden;
}

.validationSummary
{
    display: block;
    text-align: center;
    border: solid 1px red;
    background-color: pink;
    padding: 6px;
    margin: 10px 15px 0px 15px;
}

.pageColumn
{
	width: 837px;    
    text-align: left;
}

.helpIcon
{
    float: left; 
    padding: 6px 9px 0px 0px; 
    text-align: right; 
    width: 78px; 
    height: 19px; 
    border-bottom: solid 1px #8CB2E7;    
}

.helpIcon a
{
    color: Red;    
}

.helpText
{
    float: right; 
    position: relative;
    top: 4px;
}

.helpText a
{
    color: Red;    
}

.subtleNote
{
    font-size: 11px;
}

.spriteIcon
{
	display: block;

	background-image: url(../imgs/sprite_icons.gif);
	background-repeat: no-repeat;
	
	overflow: hidden;
	
	width: 20px;
	height: 20px;

	position: absolute;
	margin-left: -25px;
	margin-top: -2px;
}

div.showLiveContacts
{
    position: relative;
    float: right; 
    margin-right: 10px;
}

div.showLiveContacts span
{
    position: absolute;
    top: 4px;
    right: 24px;
    display: block;
    width: 300px;
}
div.showLiveContacts input
{
    position: absolute;
    top: 2px;
    right: 0px;
}

div.accountHeading
{
    position: relative;
    padding: 8px 10px 5px 0; 
    background-image: url(../imgs/space_header_back.png);
    background-repeat: repeat-x;
    background-position: 0 2px;
}

.photoBox img
{
    border: solid 1px rgb(235, 235, 235);    
    padding: 2px;
    display: inline-block;
}

.accountHeading .avatar
{
    position: absolute;
    top: -9px;
    width: 40px;
}

.accountHeading .avatar img
{
    padding: 0;
    border: none;    
}

.accountHeading .title
{
    padding-left: 47px;        
}

div.accountHeading a:hover
{
    text-decoration: none;
}

div.accountHeading a.accountName
{
    font-size: 25px;
    color: rgb(90, 90, 90);
}

div.accountHeading a:hover
{
    text-decoration: underline;
}


div.accountHeading span.separator
{
    /* position: relative;
    top: 2px;*/
    font-size: 25px;
    color: #999999;
}

div.accountHeading a.subTitle
{
    font-size: 25px;
    color: #999999;
    white-space: nowrap;
}

div.pageHeadingBar
{
    padding: 5px 0px 10px 0px;    
    height: 35px;
    font-weight: normal;
    font-size: 25px;
    color: rgb(90, 90, 90); 
    overflow: auto;
    zoom: 1;  
}

.pageHeadingBarSimple
{
    padding: 5px 0 0 0;    
    height: 35px;
    font-weight: normal;
    font-size: 25px;
    color: rgb(90, 90, 90);   
}

.inlineTagTrail
{
    padding: 8px 10px 8px 10px;
    background-color: #F5F5F5;  
    margin: 10px 0px 10px 0px;
    font-size: 14px;
    min-height: 0px;
    overflow: auto;
    zoom: 1;
}

.inlineTagTrail a
{
    color: rgb(90, 90, 90);       
}

div.pageHeadingBar h1,
div.pageHeadingBarSimple h1
{
    font-size: 25px;
    font-weight: normal;
}

div.pageHeadingBar a
{
    color: rgb(90, 90, 90);     
}

div.pageHeadingBar .buttonLink a
{
    font-size: 12px;    
}

div.pageHeadingBar .buttonLink .super
{
    display: inline; 
    padding-left: 3px; 
    font-size: 10px; 
    color: red; 
    position: relative; 
    top: -5px;    
}

/*
   Page header
 */
 
 .tabLink
 {
     width: 77px;
     height: 27px;
     padding-top: 7px;
     display: block;
     font-size: 13px;
     font-family: Tahoma;
 }
 
 .browerWarning
 {
     background-color: rgb(255, 220, 220);
     text-align: center;
 }
 
.siteHeader
{
	height: 55px;
	background-repeat: repeat-x;
	background-color: #808080; /* default background color. can override in sympathy with background graphics */
	font-family: Calibri, Arial;
}

.siteHeader .pageColumn
{
	width: 840px;
}

.siteHeader .pageColumn .pageHeader
{
	height: 55px;
	position: relative;
}

.siteHeader .pageColumn .pageHeader .mainLogo
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 155px;
	height: 44px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.siteHeader .pageColumn .pageHeader .tabButton
{
	position: absolute;
	width: 77px;
	height: 34px;
	bottom: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.siteHeader .pageColumn .pageHeader .tabButton.home,
.siteHeader .pageColumn .pageHeader .tabButton.homeSelected
{
	left: 163px;	
}

.siteHeader .pageColumn .pageHeader .tabButton.myProfile,
.siteHeader .pageColumn .pageHeader .tabButton.myProfileSelected
{
	left: 245px;	
}

.siteHeader .pageColumn .pageHeader .tabButton.contacts,
.siteHeader .pageColumn .pageHeader .tabButton.contactsSelected
{
	left: 327px;
}

.siteHeader .pageColumn .pageHeader .tabButton.people,
.siteHeader .pageColumn .pageHeader .tabButton.peopleSelected
{
	left: 409px;	
}

.siteHeader .pageColumn .pageHeader .tabButton.groups,
.siteHeader .pageColumn .pageHeader .tabButton.groupsSelected
{
	left: 491px;
}

.siteHeader .pageColumn .pageHeader .statusLine
{
	position: absolute;
	color: #ebf4fa;
	top: 5px;
	left: 163px;
	font-size: 0.85em;
}

.siteHeader .pageColumn .pageHeader .statusLine a
{
	color: #ebf4fa;
}

.siteHeader .pageColumn .pageHeader .quickLinks
{
	position: absolute;
	color: #999999;
	right: 0px;
	top: 4px;
}

.siteHeader .pageColumn .pageHeader .quickLinks a
{
	color: White;
	text-decoration: none;
}

.siteHeader .pageColumn .pageHeader .quickLinks a:hover
{
	text-decoration: underline;
}

.siteHeader .pageColumn .pageHeader .searchBox
{
	position: absolute;
	color: #999999;
	right: 0px;
	bottom: 7px;
}

.siteHeader .pageColumn .pageHeader .searchBox .peopleOrGroup
{
	position: relative;
	left: -3px;
}

.siteHeader .pageColumn .pageHeader .searchBox .edit
{
	position: relative;
	left: -1px;
	color: #999999;
	width: 100px;
}

.siteHeader .pageColumn .pageHeader .searchBox .button_
{
	padding: 0px;
	margin: 0px 0px -1px 0px;
}

/* Page structure and menu
*/

.pageColumn .body
{
}

.pageColumn .bodyHeader
{
	margin: 10px 0px 0px 0px;
	text-align: left;
}

.footer
{
    text-align: left;
    width: 837px;
	padding-top: 16px;
	font-size: 11px;
}

.footer div
{
    float: right;
}

.footer a,
.footer span
{
	margin: 0px 6px;
}

.footer,
.footer a
{
	color: #999999;
}

/* Home page
 */

.homeIntroBox
{
	font-size: 1.3em;
}

.homeIntroBox p
{
	line-height: 1.5em;
}

.briefIntro
{
	width: 420px;
	padding: 20px 15px 10px 15px;	
	margin: 20px 0px 0px 50px;
	color: #333333;
	background-color: White;
	border-top: solid 1px #AAAAAA;
	border-bottom: solid 1px #AAAAAA;
}

/* Livebox forms
 */

.form
{
	margin: 14px;
}

.form p
{
    clear: both;
}

.form div.attendants
{
    overflow: auto;
    zoom: 1;
    padding-bottom: 15px;
    padding-top: 20px;
    border-top: solid 1px #cccccc;
    margin-top: 25px;
}

.form div.attendants div.left
{
    float: left;
}

.form div.attendants div.right
{
    float: left;
    overflow: auto;
    zoom: 1;
}

/*.form h2
{
    margin: 50px 0px 0px 0px;
}*/
	
.form .help
{
    background-color: #DFEBF7;
    padding: 8px 10px 8px 10px;
}	
	
.form label
{
	float: left;
	padding: 2px 0px;
	font-weight: bold;
	color: #666666;
	width: 75px;
}

.longerLabels label
{
	width: 120px;
}

.longerLabels label a
{
	font-weight: normal;
}

.labels160 label
{
	width: 160px;
}

.reportAbuse
{
    background-color: #F5F5F5;
    padding: 10px 0px 10px 0px;
}

p.dialogMessage
{
    font-size: 19px;
}

.reportAbuse .form label
{
    width: 180px;
}

.form .button
{
/*    
	color: White;
	background-color: #4575a2;
*/
	padding: 0px 3px 0px 3px;
}

div.form .note
{
    font-size: x-small;
    color: rgb(125, 125, 125);
}

div.form .specialInfo label
{
    color: #999999;
}

div.form .specialInfo span
{
    position: relative;
    top: 2px;
    color: #aaaaaa;
}

.form .textInput
{
	width: 200px;
}

.form p 
{
    margin: 8px 0px 8px 0px;
}

div.form textarea
{
    height: 60px;
}

.dividerHeader
{
    background-color: rgb(247, 247, 247);   
    color: #aaaaaa;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 4px;
    font-size: 15px;
}

.toolTip
{
	background-color: #FFFFD5;
	padding: 5px;
	border: solid 2px #4575a2;
}

.generousSpacing p
{
    margin-bottom: 1em;
}

.generousSpacing h2
{
    margin-bottom: 1.2em;
}

.generousSpacing div.toolTip
{
    margin-bottom: 1em;
}

p.restrictSpacing
{
    margin-bottom: 8px;
}

/* General styles
 */ 

.validatorText
{
    color: #BB0000;
    background-color: #FFFFD5;
}

.validatorText span.badCharacter
{
    background-color: #FF0000;
    color: #FFFFD6;
}

.validatorText br
{
    clear: both;
}


/* Tagging and tag cloud styles
*/

.taggedContentLayout
{
    width: 837px;
    padding: 0;
    overflow: hidden;
}

.taggedContentLayout .tagNavigationColumn
{
    float: right;    
    margin-left: 20px;
    width: 250px; 
}

.taggedContentLayout .contentColumn
{
    float: left;
    width: 553px;
}

.taggedContentNavHeader
{
    margin: 2px 0px 0px 0px;
}

.taggedContentNavHeader .removeItemCross
{
    margin: 0px 0px 5px 2px;
}

.pageHeadingBar .allAnchor
{
    font-size: 25px;
}

.pageHeadingBar .removeItemCross
{
    margin: 0px 0px 10px 2px;
} 

.tagTrail
{
    float: left;
    color: #666666;
    font-size: 15pt;
    min-height: 0px;
}

.inlineTagTrail .tagTrail
{
    float: left;
    color: #666666;
    font-size: 12pt;
    min-height: 0px;
}

.inlineTagTrail .allAnchor
{
    font-size: 15pt;   
    min-height: 0px;
}

.inlineTagTrail .removeItemCross
{
    margin: 0px 0px 10px 2px;
} 

.taggedContentNavHeader .filterBoxes
{
    padding: 2px 0px 0px 0px;
    font-size: 15px;        
    color: #666666;
}

.taggedContentNavHeader .listSelection
{
    color: #666666;
    float: right;
    padding: 2px 7px 0px 0px;
}

.taggedContentNavHeader .listSelection input
{
    margin: 0px;
    padding: 0px;
}

.tagCloud
{
    background-color: rgb(245, 245, 245);
    padding: 10px;
    margin: 0px 0px 18px 0px;
    text-align: justify;
}

div.tagCloud a
{
    /*color: #999999;*/
}

.tagCloud a.actionTag
{
    color: #ff7800;
}

.tagCloud a.actionTagDisabled
{
    color: #a0a0a0;
}

.toolBox
{
    margin-top: 15px;
    padding: 15px 15px 15px 15px;    
    background-color: #F5F5F5;        
}

.actionDiv
{
    padding-left: 16px;
    margin: 0px 0px;
    background-image: url(/imgs/small_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

dl.actionBox
{
    clear: both;
}

dl.actionBox a
{
    color: #5C8400;
}
dl.actionBox
{
    margin: 0px 0px 14px 0px;
    text-align: left;
}
dl.actionBox dt
{
    color: rgb(110, 110, 110);    
    font-size: large;    
    margin-bottom: 6px;
}
dl.actionBox small
{
    font-size: x-small;
    color: rgb(110, 110, 110);    
}
dl.actionBox dd
{
    padding-left: 16px;
    margin: 0px 0px;
    background-image: url(/imgs/small_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
dl.actionBox dd.separator
{
    background-image: none;
    margin-top: 10px;
    margin-bottom: 4px;
    padding-left: 0px;
}
dl.actionBox dd.onNoSelection
{
    color: rgb(110, 110, 110);    
    background-image: url(/imgs/small_arrow_gray.png);
}
div.tagNavigationColumn dl.actionBox
{
    background-color: rgb(245, 245, 245);
    padding: 10px;
}

div.tagCloud .relationshipTag
{
    color: #5C8400;
}

div.tagCloud .favoriteTag
{
    color: rgb(200,210,2);
}

div.tagCloud a.tagSize1
{
    font-size: 12px;
}
div.tagCloud a.tagSize2
{
    font-size: 14px;
}
div.tagCloud a.tagSize3
{
    font-size: 16px;
}
div.tagCloud a.tagSize4
{
    font-size: 18px;
}
div.tagCloud a.tagSize5
{
    font-size: 20px;
}
div.tagCloud a.tagSize6
{
    font-size: 22px;
}
div.tagCloud a.tagSize7
{
    font-size: 24px;
}
div.tagCloud a.tagSize8
{
    font-size: 26px;
}
div.tagCloud a.tagSize9
{
    font-size: 28px;
}
div.tagCloud a.tagSize10
{
    font-size: 30px;
}

.tagNavigationColumn
{
}

.tagNavigationColumn .nameFilter a
{
    font-size: 1.5em;
}

div.nameFilter span.cardText
{
    color: Gray;
    font-size: 0.85em;
}

/* Manage Tags
*/

.manageTags
{
    width: 500px;
    padding: 12px;
}

.manageTags .row .left
{
    width: 300px;
}

.manageTags .row .right
{
    width: 200px;
}

.manageTags .row .col
{
    float: left;
}

.manageTags input.text
{
    width: 300px;
}

/* Contacts
*/

div.contacts div.pageHeadingBar span
{
    color: rgb(110, 110, 110);  
}

.contactsList
{
    margin-top: 7px;
}

.contactsList .noContactsMessaage
{
    padding: 10px 0px;
    color: #333333;
}

.contactsList .highlighted
{
    border: solid 1px #E3E5E6;
}

.contactBox
{
    position: relative;
    overflow: hidden;
    width: 540px;
    border: solid 1px #E0ECF4; /* to avoid contents of contact shifting when .contactsList .highlighted is set */
    background-color: #F5F5F5;
	padding: 8px;
	margin: 0px 0px 18px 0px;
}

.contactBox .control
{
    position: absolute;
    top: 8px;
    right: 8px;
    /*width: 127px;*/
    color: #bbbbbb;
}

.contactBox .control .selectCheckbox
{
    /*float: right;*/
}

.contactBox .control .openCloseButton
{
    float: right;
    width: 14px;
    height: 14px;
    border: solid 1px #68aff3;
    font-family: "Courier New";
    font-weight: bold;    
    margin: 4px 3px 0px 0px;
    overflow: hidden;
    position: relative;
    background-image: url(imgs/toggle_button_background.png);
    background-color: White;
}

.contactBox .control .openCloseButton span
{
    cursor: pointer;
    padding: 0px;
    color: #68aff3;
    text-decoration: none;
    font-size: 18px;
    position: absolute;
    left: 1px;
    top: -4px;
}

.contactBox .control .editContactButton
{
    float: right;
    height: 13px;
    width: 65px;
    text-align: center;
    border: solid 1px #68aff3;
    background-image: url(imgs/edit_button_background.png);
    background-color: White;
    margin: 4px 5px 0px 0px;
    font-size: 10px;
    padding: 1px 0px 0px 0px;
}

.contactBox .control .editContactButton a
{
    color: #68aff3;
    text-decoration: none;
}

.contactBox .titleContainer
{
}

.contactBox .contactTags
{
    clear: both;
    overflow: auto;
    zoom: 1;
}

.contactBox .titleLinks .name
{
    font-size: 1.1em;
}

.contactBox .titleLinks a.alias
{
	text-decoration: underline;    
	font-size: small;
	color: rgb(110,110,110);
}

.contactBox .titleLinks a.alias:hover
{
	text-decoration: none;
}

.contactBox .contactTags
{
    margin: 5px 0px 0px 0px;
}

.contactBox .contactTags .relationship a
{
    color: #5C8400;
}

.contactBox .details
{
    color: #666666;
    margin: 0;
    padding: 0;
    width: 523px;
    overflow: hidden;    
}

.manageMembers
{
    width: 837px;
    padding: 0;
    overflow: hidden;
}

.manageMembers .cardFullMember
{
    font-size: 12px;   
    padding: 3px 5px; 
}

.manageMembers .cardInvitedMember
{
    background-color: #aaaaaa;
    font-size: 12px;
    color: #ffffff;
    padding: 3px 5px; 
}

.manageMembers .cardAwaitingApprovalMember
{
    background-color: #ff0000; 
    font-size: 12px;   
    color: #ffffff;   
    padding: 3px 5px; 
}

.manageMembers .cardAwaitingApprovalMember strong
{
    color: #ffffff;
}

.manageMembers .cardInvitedMember strong
{
    color: #ffffff;
}

div.manageMembers div.invited
{
    background-color: #FBDAF6;
}
div.manageMembers div.awaitingApproval
{
    background-color: #fcf5cc;
}

.paginator
{
    text-align: left;
    margin-top: 10px;   
    overflow: auto;
    zoom: 1;
    padding-bottom: 15px; 
}

.paginator .link, .paginator .selectedLink
{
    font-size: 1.2em;
    background-color: #e0e0e0;
    padding: 1px 4px 3px 4px;
    margin-right: 4px;
}

.paginator .link:hover, .paginator .selectedLink:hover
{
    text-decoration: none;
    background-color: #d0d0d0;
}

.paginator .selectedLink,
.paginator span.previous,
.paginator span.next
{
    color: #999999;
}

.paginator .previous,
.paginator .next
{
    background-color: Transparent;
}

.paginator span.previous:hover, 
.paginator span.next:hover
{
    background-color: Transparent;
}

/* Permissions management
 */

.permissions
{
}

.permissions legend
{
    margin-bottom: 4px;
}

.permissions .contactsBox
{
    float:left; 
    width: 220px; 
    margin-right: 30px;
}

.permissions .control
{
    margin: 2px;
}

.permissions .contactsBox .listBox
{
    height: 6em;
    width: 220px;
}

.hidePermissions
{
    margin-bottom: 4px;
    padding-top: 6px;
    padding-right: 7px;
    float: right;
}

.showPermissions
{
    float: right;
}

/* Profiles
*/


.profileTabs input.selected
{
    background-color: #ff8012;
}

.profile h1
{
    margin: 4px 0px 6px 0px;
}

.profile h2
{
    margin: 0px;
    padding-top: 6px;
    padding-bottom: 12px;
    color: rgb(40,40,40);    
}

.profile h3
{
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: rgb(40,40,40);    
    font-size: 1.1em;        
}

.profile strong
{
    color: black;        
}

.nameValueElement,
.fullTextElement,
.basicTextElement
{
    padding: 4px;
    margin: 0px;    
}

.raddockzone 
{   
    float:left;  
}

.imageUploadBox
{
    padding:5px;
}

table.nameValueTable
{
    width: 100%;
}

.nameValueTable .col1
{
    font-weight: bold;
}

table.nameValueTable tr
{
    vertical-align: top;
}

/* Files
 */

.files
{
    margin: 10px 0;
    padding: 10px;
    border: solid 1px black;
}

.files input.upload
{
    width: 400px;
}

.fileUpload
{
    margin-top: 10px;
}

.fileUploadButton
{
    margin-top: 10px;
}

/* Photos
 */

.imageGallery
{
    margin-top: 15px;
    clear: both;
    overflow: auto;
    zoom: 1;
    margin-left: 1px;
}

.emptyImageGallery
{
    color: Gray;
    padding: 10px;
    height: 100px;
}

.imageGallery .imageBox
{
    float: left;
    margin: 6px 17px 10px 1px;
    text-align: center;
    padding: 3px;  
    border: solid 1px rgb(180, 180, 180); 
    min-height: 0px;   
}

.imageGallery .imageBox img
{
    display: block;
}

.imageGallery .rightmost
{
    margin-right: 0px;
}

.imageGallery .paginator
{
    margin-top: 12px;
    clear: both;
    text-align: center;
}

.photoInfoBox
{
    border: solid 1px Black;
    background-color: #F5F5F5;    
    padding: 8px;    
    margin-bottom: 10px;
    width: 190px;
    overflow: hidden;
}

.uploadPhotoBox
{
    background-color:rgb(189,219,255);
    margin-top: 10px;
    padding: 8px; 
    width: 584px;   
}

.photoPage
{
    margin-top: 10px;
}

.photoPage .photoBox
{
    width: 700px;
    padding: 15px 0;
    text-align: center;
}

.photoPage .photoBox .picture
{
    border: solid 1px rgb(235, 235, 235);    
    padding: 2px;
    display: inline-block;    
    text-align: center;  
}

.photoPage .photoBox .picture img
{
    display: block;
}

.photoDescription
{
    padding: 0px 20px 10px 20px;
    text-align: center;
    width: 660px;
}

.photoDescription h3
{
    font-size: 13px;
    font-weight: normal;
    background-color: #F7F7BB;
    display: inline;
}

.photoDetails
{
    margin-top: 10px;
    border-top: solid 1px rgb(235, 235, 235);
    padding: 10px 20px 20px 20px;
    width: 660px;
    background-color: rgb(245, 245, 245);
}

.photoDetails strong
{
    display: block;
    margin-top: 10px;
}

/* Photo navigator */

.photoNavigator
{
    float: right; 
}

.photoNavigator .direction
{
    text-align: center;
    padding: 15px 0px 15px 23px;
}

.photoNavigator .direction .picture
{
    padding: 3px;  
    border: solid 1px rgb(180, 180, 180); 
    margin-bottom: 5px;
}

/* */

.textbox
{
    border: solid 1px #9cb6ce;
    font: normal 12px Arial;
}

.status
{
    background-color: #E8D3F9;
    padding: 2px;
    color: #663681;
}

.iconCell
{
    padding: 4px 10px 0px 10px;
}

.uploadBox
{
    width: 807px;    
    padding: 10px 20px 10px 10px;
    background-color: #F5F5F5;        
}

.disabled
{
    color: rgb(172,168,153);
}

/* TODO: Miscellaneous styles that need to be scoped and organised - James
 */
 
.userLink
{
    background-color: rgb(231, 239, 247);
    border-bottom: solid 2px rgb(231, 231, 231);
    padding: 4px 5px 4px 10px; 
}

.multipleProfileViewingPanel
{
    padding-top: 7px;    
}

.profile .containsChanges,
.profile .nonAccessibleWarning
{
    float: right; 
    margin-top: 8px;
    /*
    padding: 3px 5px 3px 5px; 
    background-color: #eecfc5; 
    color: Red;
    */
    color: #5C8400;    
}

.profile .actionDockBox
{
    padding: 8px;
    background-color: #ffffff;    
}

.profile .actionDockBox dl.actionBox
{
    margin: 0px;
}

#editStrapline
{
}

.eventHandlerProxy
{
    display: none;
}

.noContentPlaceHolder
{
    margin: 6px 0px 70px 3px;
    color: Gray; 
}

/* Profile Box Styles */

.sellbox
{
    background-image: url(../imgs/sellbox_back.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #fbfea6;       
}

.notebox
{
    background-color: #fbfea6;       
}

.statusbox .icon
{
    width: 52px;
    height: 57px;
    background-image: url(../imgs/status_icon.gif);    
}

.sellbox table td
{
    vertical-align: top;
}

.statusbox
{
    background-image: url(../imgs/status_back.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #f1f6fa;   
}

.accountMenuFooter
{
    clear: both; 
    border-bottom: solid 3px rgb(157,206,255);    
}

/* Member Card Styles */

.contactBox .details h2.awaitingAcceptance
{
    padding: 3px 7px;
    background-color: #aaaaaa;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin: 0 0 4px 0;
}

.contactBox .details h2.awaitingApproval a,
.contactBox .details h2.awaitingAcceptance a
{
    color: #ffffff;
}

.contactBox .details h2.awaitingApproval
{
    padding: 3px 7px;
    background-color: #ff0000;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    float: left;  
    margin: 0 0 4px 0;      
}

.contactBox h2
{
    margin: 0;
    padding: 0;
}

.contactBox h2 img
{
    padding-left: 5px;
}

.contactBox .details span.statusTip
{
    font-size: 11px;
    color: #666666;
    padding-left: 5px;
    padding-top: 6px;
    float: left;
    display: block;
}

.contactBox .details .leftColumn
{
    float: left;
    width: 90px;
}

.contactBox .details .leftColumn img
{
    display: block;
    border: solid 1px #ffffff;
}

.contactBox .details .rightColumn
{
    float: left;
    width: 433px;
    overflow: auto;
    zoom: 1;
}

.contactBox .details a.reveal
{
    clear: both;
    display: block;
    padding: 4px 5px;
    font-size: 11px;
    width: 200px;
}

.contactBox .details a.unreveal
{
    clear: both;
    display: block;
    padding: 2px 0 0 1px;
    font-size: 11px;
    color: #444444;
}

.contactBox .details .user
{
    clear: both;
    padding: 5px;
    width: 423px;
    background-color: #ffffff;
    color: #444444;
    margin: 4px 0 0 0px;
}

.contactBox .details .user .contactTags
{
    margin-top: 2px;
}

.contactBox .details .user p
{
    margin: 0;
    padding: 1px 0 0 1px;
}

a.othertag:link,
a.othertag:active,
a.othertag
{
    background-color: #DADADA;
    border-right: solid 1px #B8B8B8;
    border-bottom: solid 1px #989898;
    padding: 2px 5px 2px 5px;  
    margin: 2px 4px 2px 0px; 
    float: left;
    white-space: nowrap;  
    color: #5D5D5D;    
    min-height: 1px;        
}

.contactBox .details p.notes
{
    clear: both;
    padding: 5px;
    width: 423px;
    background-color: #F6F6C9;
    color: #000000;
    margin: 4px 0 0 0;
}

.contactBox .details p.description
{
    clear: both;
    padding: 5px;
    width: 423px;
    background-color: #ffffff;
    color: #444444;
    margin: 4px 0 0 0;
}

.contactBox .details .attributes
{
    padding: 3px 0;
    overflow: auto;
    zoom: 1;
}

.contactBox .details .attributes div
{
    clear: both;    
    padding: 2px 5px;
    width: 423px;
    color: #444444;
    font-size: 11px;    
}

.contactBox .details .attributes div h3
{
    margin: 0;
    padding: 0 5px 0 0;
    display: inline;
    font-weight: normal;
    font-size: 11px;
    color: #777777;
}

.contactBox dl.actionBox
{
    clear: both;
    margin: 0px;
    padding-top: 10px;
}

.contactBox dl.actionBox a
{
    font-size: 11px;
}

.contactBox dl.actionBox dd
{
    background-position: 0px 4px;
}

/* End */

div.buttons
{
    margin-top: 20px;
}

div.buttonsSmallMargin
{
    margin-top: 10px;
}


/* People/Groups/Events Index Styles */

div.pageHeadingBar h1,
div.pageHeadingBar h2
{
    float: left; 
    margin-bottom: 0px;
}

div.pageHeadingBar h2
{
	font-size: 1.3em;    
	color: #006600;
	/*font-weight: normal;*/
}

div.pageHeadingBar div.linkButtons
{
    float: right; 
    text-align: right;
    padding-top: 13px;
    width: 400px;
}

div.pageHeadingBar div.primaryLink
{
    font-weight: bold;
}

div.pageHeadingBar div.text,
div.pageHeadingBar div.linkButtons div.buttonLink
{
    float: right; 
    padding: 0px 0px 3px 8px;
    padding-left: 16px;
    margin: 0px 0px 0px 12px;
    background-image: url(/imgs/small_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;    
}

div.pageHeadingBar div.text
{
}

div.groupAccountBar h2
{
    color: #1C6006;     
}

div.userAccountBar h2
{
    color: #7A081B;     
}

/* Who sees this */

div.whoSeesThis
{
    border-top: solid 1px rgb(255, 153, 0); 
    background-color: #FFEED5;
    color: #666666;
    margin-bottom: 25px;    
}

div.whoSeesThis a
{
    color: #8c4e3d;  
    color: #666666;
    text-decoration: underline;
}

div.whoSeesThis a:hover
{
    text-decoration: none;
}

div.whoSeesThis .thisIsHow
{
    padding: 8px 0px 8px 6px;
    margin: 0px;
}

.whoSeesThis .thisIsHow p
{
    margin: 0;
    padding: 0;
    font-size: 10px;
}

.whoSeesThis .thisIsHow p em
{
    font-weight: normal;
    font-style: normal;
    color: Red;
    margin-right: 5px;
}

div.whoSeesThis h2
{
    color: #8c4e3d;  
    color: #666666;
    font-size: 12px;
}

div.whoSeesThis .editAction
{
    float: right; 
    padding-left: 16px;
    margin: 6px 8px 0px 12px;
    background-image: url(/imgs/small_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;    
}

/* */

div.accountMenu div.heading
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.accountListCentered
{
    width: 553px; 
    text-align: left;    
}

.accountList .indexContainer
{
    float: left;
    min-height: 1px;    
}

.accountList .filterContainer
{
    width: 250px; 
    float: right;    
}

.accountList .tagTrailPadding
{
    height: 0px; 
    clear: both;    
}

.accountList .indexContainer .index img
{
    border: solid 1px rgb(220, 220, 220);
    padding: 4px;    
}

.accountList .indexContainer .index .rowBorder
{
    border-top: solid 1px rgb(230, 230, 230);   
    min-height: 1px;         
}

.accountList .indexContainer .index .row
{
    padding: 15px 5px 5px 10px;  
    margin: 0px 0px 10px 0px;
    clear: both; 
    min-height: 0px;
}

.accountList .indexContainer .index .tags
{
    margin-top: 4px;
    min-height: 0px;        
}

.accountList .indexContainer .index .description
{
    margin-top: 4px;
    min-height: 0px;    
    color: Gray;
}

.accountList .indexContainer .index .leftCol
{
    width: 100px;
    float: left;
}

.accountList .indexContainer .index .rightCol
{
    float: left;
    width: 438px;
}

.accountList .indexContainer .index .rightCol .name
{
    font-size: medium;
    min-height: 1px;    
}

.accountList_tags
{
    color: #6A7725;
    min-height: 1px;    
}

.accountList_bigText
{
    padding: 10px;
    font-size: x-large;
    color: Gray;
}

/* Resource not available */

.resource-unavailable
{
    width: 400px;
    text-align: left;
    padding-top: 20px;
}

.resource-unavailable em
{
    font-style: normal;
    display: block;
    clear: both;
    color: #ff0000;
}

.resource-unavailable a
{
    color: #ff0000;
    text-decoration: underline;   
}

.resource-unavailable ul
{
    list-style-type: disc;
}

.resource-unavailable li
{
    padding-bottom: 7px;
}

.resource-unavailable img
{
    display: block;
    padding-bottom: 25px;
}

/* Form table styles */

.form2
{
    padding: 0px 0px 20px 0px;
}

.form2 .box1
{   
    width: 30px;
    vertical-align: top;
    text-align: center;
    background-color: #d4f2c2;
    border-right: solid 1px #89d856;  
}


.form2 .noBox
{
    width: 30px;
    border-right: solid 1px rgb(210, 210, 210);      
}

.form2 .borderBottom
{
    border-bottom: solid 1px rgb(210, 210, 210);      
}

.form2 .borderTop
{
    border-top: solid 1px rgb(210, 210, 210);      
}

.form2 .padding
{
    height: 5px;
}

.form2 .field,
.form2 .value,
.form2 .title
{
    background-color: rgb(251, 251, 251);   
}

.form2 .long
{
    width: 250px;
}

.form2 .field
{
    vertical-align: top;
    padding: 4px 3px 0px 15px;   
    width: 160px;
    color: rgb(40, 40, 40);
}

.form2 .value
{
    padding: 3px 20px 9px 3px; 
}

.form2 .borderRight
{
    border-right: solid 1px rgb(210, 210, 210);          
}

.form2 .fullRow
{
    padding: 0px 20px 0px 15px; 
    background-color: White;
}

.form2 .title
{
    vertical-align: top;
    padding: 3px 3px 3px 15px;   
    color: rgb(40, 40, 40);
}

.form2 .separatorValue
{
    border-top: solid 1px rgb(200, 200, 200);
}

.form2 .separatorBox
{
    border-top: solid 1px #d4f2c2;
}

.form2 .indentedContent
{
    margin-left: 33px;
    margin-top: 24px;
}

.form2 .corner1
{
    background-color: #d4f2c2;       
}

.form2 .explanation1
{
    border-top: solid 1px #89d856;    
    background-color: #d4f2c2;
    padding: 10px 30px 10px 10px;
    color: #0f2600;
}

.form2 .note
{
    font-size: x-small;
    color: rgb(125, 125, 125);
}

/* Invite Summary Styles */

.inviteSummary
{
    margin-bottom: 20px;
}

.inviteSummary .status
{
    border-top: solid 1px rgb(100, 100, 100);    
    width: 200px;
    float: left;   
    clear: both; 
    padding: 3px 3px 3px 10px;
}

.inviteSummary .contact
{
    border-top: solid 1px rgb(100, 100, 100);
    width: 250px;
    padding: 3px;
}

.inviteSummary .contact .name
{
    color: Black;
}

.inviteSummary .success
{
    border-top: solid 1px #2cc018;
    background-color: #79e86b;
    color: #1a870c;
}

.inviteSummary .alreadyMember
{
    border-top: solid 1px #c0ad18;
    background-color: #e8da6b;
    color: #87790c;
}

.inviteSummary .alreadyInvited
{
    border-top: solid 1px #C0AD18;
    background-color: #E8DA6B;
    color: #87790C;
}

.inviteSummary .awaitingApproval
{
    border-top: solid 1px #C0AD18;
    background-color: #E8DA6B;
    color: #87790C;
}

.inviteSummary .noEmailAddress
{
    border-top: solid 1px #da6be8;
    background-color: #daa2e1;
    color: #5a0c87;
}

.inviteSummary .unknownError
{
    border-top: solid 1px #fa2941;
    background-color: #e86b79;
    color: #870c1a;
}

.editAccount
{
    margin-top: 10px;
}

div.editAccount div.heading
{
    margin-left: 50px;
    margin-bottom: 24px;
}

div.editAccount div.heading h1
{
    display: inline;
    margin-right: 30px;
}

div.editAccount div.buttons
{
    margin-left: 30px;
}

div.editAccount table
{
    border: none;
    border-collapse: collapse;
    padding:0px;
    margin:0px;
    width: 100%;
}

div.editAccount td
{
    border-collapse: collapse;
}

/* Send email styles */

.sendEmail
{
    margin: 10px 10px 10px 15px;
}

.sendEmail .row
{
    margin-bottom: 10px;
}

.sendEmail .note
{
    font-size: x-small;
    color: rgb(130, 130, 130);
}

.sendEmail h1
{
    margin-bottom: 15px;
}

.sendEmail .buttons
{
    margin-top: 10px;
}

/* Permissions Page Styles */

.permissionsPage
{
}

.permissionsPage h1
{
    margin-bottom: 1px;
}

.permissionsPage .tip
{
    font-size: medium;
}

.permissionsPage .buttons
{
    border-top: solidorm2 1px #ff2121;  
    background-color: #f8e5e5; 
    text-align: right;
    padding: 4px;
    width: 828px;
}

.permissionsPage .actions input
{
    padding-bottom: 50px;
    font-size: 16px;
    padding: 1px 4px;
}

.permissionsPage .actions div
{
    float: right;
}

.permissionsPage .leftColumn
{
    float: left;
    width: 336px;
    overflow: auto;                
}

.permissionsPage .leftColumn .unselectedAction
{
    color: #003d95;
    padding: 2px;
}

.permissionsPage .leftColumn .selectedAction
{
    color: White;
    /*background-color: #808080;*/
    background-color: #003d95;
    font-weight: bold;
    padding: 2px;
}

.permissionsPage .rightColumn
{
    width: 500px;
    float: left;
    margin-top: 5px;
}

.permissionsPage .rightColumn .control
{
    border: solid 1px rgb(235, 235, 235);
    padding: 20px 25px 10px 25px;    
    background-color: White;  
    margin-bottom: 10px;    
}

.tabs
{
    height: 24px;
    overflow: hidden;
}

.tabs .collection
{
    position: relative; 
    top: -23px;   
    z-index: 1;     
}

.tabs .collection .activeTab
{
    border-top: solid 1px rgb(130, 130, 130);
    border-left: solid 1px rgb(130, 130, 130);
    border-right: solid 1px rgb(130, 130, 130); 
    background-color: White; 
    float: left;
    padding: 4px 9px 2px 9px;  
}

.tabs .collection .inactiveTab
{
    border-top: solid 1px rgb(170, 170, 170);
    border-left: solid 1px rgb(170, 170, 170);
    border-right: solid 1px rgb(170, 170, 170);  
    background-color: rgb(245, 245, 245);
    float: left;
    padding: 4px 9px 1px 9px;  
}

.tab .collection .inactive
{
    border-bottom: solid 1px rgb(130, 130, 130);
}

.tabs .collection .separator
{
    width: 5px;
    float: left;
    height: 23px;
}

.tabs .underline
{
    border-bottom: solid 1px rgb(130, 130, 130);
    height: 23px;
    z-index: 0;
    width: 100%;    
}


/* CALENDAR EVENTS */
.cal-events
{
    margin-top: 8px;    
}
.cal-events .indexContainer
{
    width: 460px;
}
.cal-events .column-right
{
    float: right;
    overflow: auto;  
}
.cal-events h2
{
    margin: 0px;
    font-size: 1.6em;
    font-weight: normal;
    display: inline;
    color: #000000;
}
.cal-events .title-actions
{
    clear: left;
}
.cal-events .title-actions a
{
    text-decoration: underline;
}
.cal-events .event-actions
{
    clear: right;
}
.cal-events .event-actions a
{
    text-decoration: underline;
}
.cal-events .event-row
{
    overflow: auto;
    margin-bottom: 30px;
}
.cal-events .event-row .picture
{
    float: left;
}
.cal-events .event-row .picture img
{
    border: none;
}
.cal-events .event-row .body
{
    margin-left: 90px;
}
.cal-events .event-row .desc
{
    margin-bottom: 0;
}
.cal-events .event-row .details
{
    color: #777777;
}
.cal-events .keytable
{
    width: 128px;
    margin-top: 10px;
    padding: 10px;
    border: solid 1px #E9E9E9;
    color: #777777;
}
.cal-events .keytable .key-you
{
    margin-right: 8px;
    background-color: #3366CC;  
    height: 8px;
    width: 8px;
}
.cal-events .keytable .key-group
{
    margin-right: 8px;    
    background-color: #CC3333; 
    height: 8px;
    width: 8px;    
}
.cal-events .keytable .key-user
{
    margin-right: 8px;    
    background-color: #109618;
    height: 8px;
    width: 8px;    
}

/* CALENDAR */
table.calendar,
table.calendar th,
table.calendar td  
{
    border-color: rgb(210, 210, 210);
}
table.calendar div.day div.inner
{
    overflow: auto;
    height: 30px;
}
table.calendar div.selectedDay
{
    background-color: #eaeaea;
}
table.calendar .dayDigit
{
}
table.calendar td
{
    cursor: pointer;
}
table.calendar div.day div.event
{
    width: 8px;
    height: 8px;
    float: right;
    margin-right: 3px;
    margin-top: 3px;
}
table.calendar div.day div.owner
{
    background-color: #3366CC;    
}
table.calendar div.day div.group
{
    background-color: #CC3333;    
}
table.calendar div.day div.user
{
    background-color: #109618;
}

/* MORE */
div.editEvent label
{
    width: 120px;
}

div.editEvent textarea
{
    width: 300px;
}

div.eventAttendees div.list
{
    width: 380px;
    float: left;
    padding: 8px;
    background-color: #8cb2e7;
}

div.eventAttendees div.list div.inner
{
    overflow: auto;
    height: 200px;
    padding: 8px;
    background-color: #bddbff;    
}

div.eventAttendees div.invited
{
    margin-right: 20px;
}

div.eventAttendees div.accepted
{
}

.colorList .list
{
    width: 483px;
    padding: 4px 10px 4px 10px;
    background-color: White;
    max-height: 100px;
    overflow: auto;        
}

.colorList .title
{
    color: rgb(80, 80, 80);    
}

.colorList .subtitle
{
    padding: 1px 1px 1px 1px;    
    color: rgb(80, 80, 80);    
    font-size: x-small;
}

.recipientList .list
{
    width: 765px;
    padding: 4px 10px 4px 10px;
    border: solid 1px #000000; 
    color: #000000;    
    background-color: White;
    max-height: 100px;
    overflow: auto;        
}

.recipientList .title
{
    color: #000000;
}

.recipientList .subtitle
{
    padding: 1px 1px 1px 1px;    
    color: rgb(130, 130, 130);    
    font-size: x-small;
}

.permissionsReport
{
}

.permissionsReport h1
{
    margin-bottom: 10px;
}

.permissionsReport .section
{
    margin-bottom: 10px;
}

.permissionsReport .buttons
{
}

div.profile
{
    width: 837px;
    margin-top: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    zoom: 1;
}

div.profile .straplineBar
{
    width: 837px;    
    overflow: hidden;
    zoom: 1;    
}

div.profile div.rssBox
{
    padding: 4px;
}

div.profile div.rssBox div.boxTitle
{
    font-size: 10px;
    padding: 0px 0px 4px 0px;
}

div.profile div.rssBox div.boxTitle a
{
    color : rgb(110, 110, 110);
}

div.profile div.rssBox div.article
{
    margin-top: 5px;
}

div.profile div.rssBox div.article p
{
}

div.profile div.rssBox div.top
{
    margin-top: 0px;
}

div.profile div.rssBox div.article div.title a
{
}

div.profile div.rssBox div.article div.expander
{
    cursor: pointer;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    float: left;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

div.profile div.rssBox div.article div.expand
{
    background-image: url(/imgs/plus.png);
}

div.profile div.rssBox div.article div.contract
{
    background-image: url(/imgs/minus.png);
}

div.profile div.rssBox div.article div.kicker
{
    padding: 3px;
    padding-bottom: 0px;
}

.home .titleDate
{
    border-bottom: solid 1px #BCCFE0;
    padding-bottom: 3px;
    margin-bottom: 3px;
    font-size: 20px;
    color: #282828;
    padding-left: 9px;
}

.home .leftColumn
{
    float: left;
    width: 414px;
    margin-right: 10px;
}

.home .rightColumn
{
    float: left;
    width: 413px;
}

.home .datePostfix
{
    font-size: 14px;
}

.memberlistContainer
{
    padding: 10px 0;
    width: 837px; 
    overflow: hidden;   
}

.threadContainer
{
    padding: 10px 0 10px 10px;
    width: 827px;
    overflow: hidden;
}

.blogForumContainer
{
    padding: 10px 0 10px 10px;
    width: 827px;
    overflow: hidden;
}

.reportAbuse .form p
{
    margin-bottom: 14px;
}

.reportAbuse div.form textarea
{
    height: 100px;
}

div.profileStrapline span.__VxEmptyMarker
{
    display: none;
}

span.__VxEmptyMarker
{
    background-color: rgb(189, 222, 255);
}

div.template
{
    z-index: 1000; 
    background-color: #FDEDAB; 
    border: solid 1px #E0C040; 
    position: absolute; 
    font-size: 11px; 
    width: 300px;
}

div.template div.content
{
    clear: both; 
    float: left; 
    width: 245px; 
    background-color: #FEF2C4; 
    padding: 5px 5px 5px 10px;
}

div.addRoles div.form a
{
    color: rgb(110, 110, 110);    
}

div.addRoles div.form a small
{
    font-size: 11px;    
}

/* Edit a file in a folder */

.update-file h1
{
    margin: 20px 0 2px 0;
}

.update-file p
{
    margin: 0 0 20px 0;
}

.update-file .row
{
    margin-bottom: 6px;
    overflow: auto;
    padding: 4px 0;
    clear: both;
}

.update-file label
{
    display: block;
    float: left;
    width: 150px;
    font-weight: bold;
}

.update-file .text
{
    width: 420px;
}

.update-file .row span
{
    display: block;
    float: left;
}

.update-file .controls
{
    padding: 20px 0 5px 0;
    clear: both;
}

.static h1
{
	margin: 0px;
	padding: 8px 0px 16px 0px;
}

/* Orderable list
 */
 
.orderableList
{
    padding-top: 2px;
}

.orderableList .itemEven,
.orderableList .itemOdd 
{
    position: relative;
    padding: 10px;
}

.orderableList .itemEven
{
    background-color: rgb(241, 241, 241);    
}

.orderableList .itemOdd
{
    background-color: White;
}

.orderableList .moveControls
{
    position: absolute;
    right: 8px;
    top: 8px;
}

.orderableList .moveControls .up,
.orderableList .moveControls .down
{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 13px;
    height: 11px;
    cursor: pointer;
}

.orderableList .moveControls .up
{
    background-image: url(/imgs/up.gif);
}

.orderableList .moveControls .down
{
    background-image: url(/imgs/down.gif);
    background-position: 0px 0px;
}

.orderableList .listBody
{
    width: 750px;
}

.orderableList dl.actionBox
{
    margin: 0px;
}

div.mygroups
{
    margin-top: 10px;
}

div.mygroups .empty
{
    color: Gray;
    width: 815px;
    padding: 7px 10px 0px 10px;
    background-color: rgb(255, 255, 255);
    float: left;
}

div.mygroups .container
{
    margin: 0px;
    float: left;
    border-left: solid 1px rgb(130, 130, 130);
    border-right: solid 1px rgb(130, 130, 130);
    border-bottom: solid 1px rgb(130, 130, 130);
    background-color: rgb(255, 255, 255);
    min-height: 50px;
}

div.mygroups div.row
{
    width: 819px;
    padding: 6px 8px;
}

div.mygroups div.row div.col1
{
    float: left;
}

div.mygroups div.row div.col2
{
    float: right;
}

div.mygroups div.row div.col2 a
{
    text-decoration: underline;
}

div.mygroups div.row div.col2 a:hover
{
    text-decoration: none;
}

div.mygroups div.alternate
{
    background-color: rgb(240, 240, 240);
}

div.mygroups div.message
{
    margin-bottom: 6px;
}

/* Dashboard
 */
 
.dashboard
{
    margin-top: 20px;
}

.dashboard a
{
    color: rgb(0, 61, 149) !important;
}

.dashboard .create-space
{
    padding: 10px;
    font-size: 14px;
}

.dashboard .create-space a
{
    text-decoration: underline;
    color: #555555 !important;
}

.dashboard .create-space span
{
    color: #999999;
}

.dashboard .dashboard_header
{
    color: #555555;
    background-color: rgb(241, 241, 241);    
    font-size: 13px;
    font-weight: bold;
    padding: 5px 3px 5px 9px;        
}

.dashboard .dashboard_header .sharingRules
{
    font-weight: normal;
}

.dashboard .dashboard_body
{
    background-color: rgb(247, 247, 247);              
}

.dashboard .wykiAlertListing
{
    background-color: Transparent;
}

.homeBox
{
    margin-bottom: 10px;
    border: solid 1px #dddddd;
    overflow: auto;
    zoom: 1;
}

.homeBox .subtext
{
    font-weight: normal;
}

.homeBox .motd
{
    padding-left: 5px;
}

.homeBox .title img
{
    margin-right: 2px;
    position: relative;
    top: 1px;
}

.homeBox .row
{
    padding: 5px 10px 5px 10px;    
}

div.homeBox div.memberships
{
}

div.homeBox div.memberships a
{
}

div.homeBox div.memberships div.padding
{
    padding: 10px;
}

div.homeBox div.memberships div.col1
{
    float: left;
    width: 235px;
    min-height: 100px;
    border-right: solid 1px rgb(241, 241, 241);
    padding: 6px;
}

div.homeBox div.memberships div.col2
{
    padding: 10px;
    float: right;
    width: 130px;
}

div.homeBox div.memberships div.col2 a
{
    padding-top: 4px;
    display: block;
}

div.homeBox div.memberships div.group
{
    padding: 3px;
    border-bottom: solid 1px rgb(241, 241, 241);
}

.homeBox .homebody
{
    padding: 2px 0px;    
}

.homeBox div.odd
{
    background-color: rgb(241, 241, 241);              
}

.homeBox div.even
{
}

.homeBox .favorite
{
    padding: 3px 10px;    
    border-top: solid 1px rgb(241, 241, 241);
}

.homeBox .topfavorite
{
    border-top: none;
}

.homeBox .favorite ._name
{
    float: left;
}
.homeBox .favorite .links
{
    float: right;
}
.homeBox .favorite .links a
{
    text-decoration: underline;
}

.homeBox .footer
{
    padding: 5px 10px 5px 10px;        
}

.homeBox .footer a
{
    text-decoration: underline;
}

.systemStatistics
{
    text-align: center;
}

.systemStatistics .firstChart
{
    padding-top: 12px;
    padding-bottom: 12px;
    width: 400px;
}

.systemStatistics .chart
{
    padding-top: 12px;
    padding-bottom: 12px;
    width: 400px;
}

.systemStatistics .mutualFriends
{
    padding: 2px 0px 0px 15px;
}

.systemStatistics .mutualFriends .row
{
    height: 26px;
}

.systemStatistics .mutualFriends .row .personAKey
{
    background-color: #E1ECF7;     
}

.systemStatistics .mutualFriends .row .personBKey
{
    background-color: #DFDFDF;     
}

.systemStatistics .mutualFriends .row .personCKey
{
    background-color: #69AFF3;         
}

.systemStatistics .mutualFriends .row .personAKey,
.systemStatistics .mutualFriends .row .personBKey,
.systemStatistics .mutualFriends .row .personCKey
{
    height: 12px; 
    width: 12px; 
    float: left;
    margin-top: 2px;
    margin-right: 9px;    
}

.systemStatistics .mutualFriends .row .friendValue
{
    float: left;
}

.admin h1 a
{
    text-decoration: underline;
}

.admin .dashboard_body
{
    padding: 6px;
}

.admin .form
{
    margin: 0px;
}

.admin .dashboard_body table
{
    width: 100%;    
}

.admin .dashboard_body table,
.admin .dashboard_body td
{
    border: none;
    border-collapse: collapse;
    padding:0px;
    margin:0px;
}

.admin .dashboard_body table td
{
    padding: 2px 4px;
}

.admin .dashboard_body table tr.even
{
    background-color: #eeeeee;
}

.admin .dashboard_body table td.actions
{
}

/* RSS
 */

.rss
{
    padding-right: 23px;
    position: absolute;    
    top: 9px;
    right: 0px;
}

.rss img
{
    position: absolute;    
    top: 0px;
    right: 0px;
    border: none;
    width: 17px;
    height: 17px;
}

.slideshow
{
    width: 233px; 
    height: 185px;
    background-color: Black;
    color: #dddddd;
}

.rdColumn2 .slideshow
{
    width: 349px; 
    height: 300px;
}

.slideshow a img 
{
    border : none;
}

/* Account Search */

.searchbox
{
    padding: 0px 10px 2px 10px;
    vertical-align: baseline;
}

.searchBoxTip
{
    color: Gray;
    padding-bottom: 10px;
    padding-left: 10px;
}

.searchbox_textbox
{
    width: 350px;
    height: 34px;
	font-size: 17pt;
	font-family: Georgia;
	border: solid 1px #96C1D3;
	margin: 0px 5px 0px 0px;
	padding: 6px 0px 0px 6px;
}

.searchbox_submit
{
	font-size: 17pt;
	font-family: Georgia;
}

a.tag:link,
a.tag:active,
a.tag
{
    background-color: #DAE3AF;
    border-right: solid 1px #B7C86C;
    border-bottom: solid 1px #97AC35;
    padding: 2px 5px 2px 5px;  
    margin: 2px 4px 2px 0px; 
    float: left;
    white-space: nowrap;  
    color: #5D6921;    
    min-height: 1px;        
}

a.relationship:link,
a.relationship:active,
a.relationship
{
    background-color: #E2B1D5;
    border-right: solid 1px #C66DAD;
    border-bottom: solid 1px #AA348B;
    padding: 2px 5px 2px 5px;  
    margin: 2px 4px 2px 0px; 
    float: left;
    white-space: nowrap;  
    color: #682155;    
    min-height: 1px;        
}

/* Space menu item style */

.menuItemController
{
    min-height: 0px;
}

.menuItemController .item
{
    float: left;
    font-family: Arial;
    min-height: 0px;
    padding: 8px 20px 6px 0;  
}

.menuItemController .collapsed
{
}

.menuItemController .disabled
{
    color: rgb(200, 200, 200);
    cursor: default;        
}

.menuItemController .disabled:hover
{
    text-decoration: none;
}

.menuItemController .expanded
{
    color: rgb(200, 200, 200);
}

.menuItemController .bold
{
    font-weight: bold;
}

.menuItemDialog
{
    min-height: 0px;    
    padding: 20px;
    border: solid 1px rgb(235, 235, 235);
    background-color: rgb(255, 255, 255);
    margin-top: 10px;
}

.menuItemDialog .warning
{
    margin-top: 5px;
}

/* Simple form styles. */

.simpleForm
{
    font-family: Arial;
}

.simpleForm .clear
{
    clear: both;
    height: 0px;
}

.simpleForm .optionalHeader
{
    margin-top: 20px;
    clear: both;
    background-color: rgb(240, 240, 240);
    color: rgb(130, 130, 130);
    padding: 10px;
    border-top: solid 1px rgb(210, 210, 210);
    border-left: solid 1px rgb(210, 210, 210);
    border-right: solid 1px rgb(210, 210, 210);        
}

.simpleForm .section
{
    border-left: solid 1px rgb(210, 210, 210);
    border-right: solid 1px rgb(210, 210, 210);
    padding: 20px 0px 20px 0px;
    border-bottom: solid 1px rgb(235, 235, 235);
    clear: both;
    min-height: 0px;
}

.simpleForm .section .row textarea
{
    width: 550px;
}

.simpleForm .sectionBasic
{
    font-size: 16px;
    border: solid 1px rgb(255, 153, 0);
    padding-bottom: 0px;
}

.simpleForm .sectionBasic .buttons
{
    background-color: rgb(240, 240, 240);    
}

.simpleForm .sectionLast
{
    border-bottom: solid 1px rgb(210, 210, 210);    
}

.simpleForm .section h2
{
    color: rgb(0, 0, 0);
    font-size: 13px;
    clear: both;
    float: left;
    width: 160px;
    padding-left: 20px;
    padding-right: 10px;
}

.simpleForm .sectionBasic h2
{
    font-size: 16px;
}

.simpleForm .section .row
{
    float: left;
    width: 600px;
    padding-right: 35px;
    padding-bottom: 10px;    
}

.simpleForm .section .rowLast
{
    padding-bottom: 0px;
}

.simpleForm .section .row .help
{
    display: inline;
    font-size: 13px;
}

.simpleForm .section .row p
{
    font-size: x-small;
    color: rgb(125, 125, 125);
    margin-bottom: 2px;    
}

.simpleForm .section .row p.warning
{
    color: rgb(255, 0, 0);
}

.simpleForm .buttons
{
    margin: 0px;
    padding: 10px;    
}

.simpleForm .buttons .secondary
{
    float: right;
}

.simpleForm .terms
{
    padding-top: 5px;
    color: rgb(130, 130, 130);        
}

.simpleForm .terms a
{
    color: rgb(130, 130, 130);  
    text-decoration: underline;  
}

input.big
{
    font: Arial;
    font-size: 16px;
    padding: 1px 4px;
}

/* Share this page styles */

.shareThisPage h1
{
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px 0;
}

.shareThisPage .dialog
{
    border-top: solid 1px #FF0000;
    border-bottom: solid 1px #FF0000;    
    padding: 7px 0 15px 0;
    margin-bottom: 20px;
}

.shareThisPage .dialog p
{
    margin: 0;
    padding: 0;
}

.shareThisPage .button
{
    font-size: 16px;    
}

.shareThisPage h2
{
    padding: 5px 0 2px 0;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin: 0;
}

.shareThisPage .message
{
    padding: 0 0 25px 0;
}

/* Space framework & menu styles */

.spaceContainer
{
    text-align: left;
	width: 990px;    
    padding-top: 10px;   
    zoom: 1;
    overflow: auto;
}

.spaceContainer .content
{
    float: left;
    width: 837px;  
}

.spaceContainer .menu
{
    float: left;
    width: 122px; 
    position: relative;
    top: -10px;     
    margin-right: 31px;
}

.spaceContainer .menu .bar
{
    background-color: #DFEEF3;
    width: 122px;
    overflow: hidden;  
}

.spaceContainer .menu .bar .recent
{
    padding-bottom: 7px;
}

.spaceContainer .menu .bar .recent h2
{
    color: #000000;
    overflow: auto;
    zoom: 1;
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;  
    padding: 0 5px;          
}

.spaceContainer .menu .bar .recent a
{
    display: block;
    overflow: hidden;
    font-family: Arial;
    font-size: 10px;   
    color: #2F5979;   
    text-decoration: none;
    padding: 3px 5px;
    margin: 3px 0;          
}

.spaceContainer .menu .bar .recent a:hover
{
    background-color: #C6DDE9;
}

.spaceContainer .menu .share
{
    margin-bottom: 13px;
}

.spaceContainer .menu .share a
{
    display: block;
    color: #4887B7;
    padding: 0px 5px 10px 5px;
}

.spaceContainer .menu .share .disabled
{
    color: #cfcfcf;
}

/* What can I do */

.what-can-i-do
{
    font-size: 16px;
}

.what-can-i-do span
{
    margin-bottom: 20px;
    display: block;    
}

.what-can-i-do ul
{
    list-style-image: url(/imgs/tick.png);
    margin-bottom: 20px;
    display: block;
}

/* Sharing rules warning */

.sharing-rules-warning
{
    font-size: 16px;
}

/* Terms */

.terms td.key
{
    width: 190px;
    vertical-align: top;
}

.terms h1
{
    margin-bottom: 15px;
}

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

.terms p.subsequent
{
    padding-top: 10px;
}

.terms ol.main li
{
    padding-bottom: 15px;
}

.terms ol.main li h2
{
    text-transform: uppercase;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.terms ol.tier2
{
    list-style-type: lower-alpha;
}

.terms ol.tier3
{
    list-style-type: lower-roman;
}

.terms ol.tier2 li
{
    padding-bottom: 0;
}

.terms ol.tier3 li
{
    padding-bottom: 0;
}

.vxImageLeft,
.vxImageRight
{
    margin-top: 6px !important; 
}

.vxImageInline
{
    margin-bottom: 6px !important; 
}

.upload-files
{
    overflow: hidden;    
}

.upload-files .title-block
{
    width: 100%; 
    border-bottom: solid 1px #aaaaaa; 
    padding-bottom: 5px;
    padding-top: 10px;    
}

.upload-files .title-block .back-button
{
    float: right;
}

/* Login form */

.login-form
{
    background-color: #eeeeee;
    font-size: 9pt;
    width: 282px;
    text-align: left;
    padding: 20px;
}

.login-form h2
{
    padding: 0;
    font-size: 14pt;
    font-weight: bold;
    text-align: left;
    color: #333333;
    margin-bottom: 20px;    
}

.login-form .textInput
{
    width: 200px;
    padding: 3px;
    margin-top: 4px;
    font-size: 12pt;
}

.login-form .label
{
    clear: both;
    float: left;
    width: 140px;
}

.login-form .button
{
    margin-top: 4px;
}

.accept-invitation h1
{
    margin-bottom: 10px;
}

.accept-invitation p.comment
{
    margin-bottom: 20px;
    width: 660px;    
}

.accept-invitation .sign-in
{
    float: left;
    padding-right: 30px;
    clear: both;
}

.accept-invitation .sign-up
{
    float: left;
}

.accept-invitation .sign-up .signUpForm
{
    float: left;
}

/* Used by user control that appears above some facilities and allows the user to subscribe or
 * unsubscribe to being notified of events occuring in the facility */
.notify
{
    float: right;
    clear: both;
    padding-top: 6px;
    color: #737373;
    font-size: 11px;
}

.notify span
{
    position: relative;
    top: -1px;
}

/* Common dashboard section */

.dashboard-section
{
    margin-bottom: 10px;
    overflow: auto;
    zoom: 1;        
}

.dashboard-section .ds-header
{
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 3px 5px 9px;        
}

/* Dashboard notification section */

.dashboard-section-notification
{
    border: solid 1px #64992C;
}

.dashboard-section-notification .ds-header
{
    background-color: #64992C;
}

.dashboard-section-notification .ds-body
{
    padding: 3px;     
}

.dashboard-section-notification .ds-body .item
{
    border-top: solid 1px #E7E7E7;
    padding: 4px 17px 4px 10px;
}

.dashboard-section-notification .ds-body .item-pending
{
    color: #737373;
}

.dashboard-section-notification .ds-body .item-pending a
{
    color: #737373 !important;    
}

.dashboard-section-notification .ds-body .item .delete
{
    float: right;
    position: relative;
    top: 1px;
    left: 10px;
}

.dashboard-section-notification .ds-body .item .delete a
{
    width: 12px;
    height: 12px;
    display: block;
    background-image: url(/imgs/feed_close.png);
    background-repeat: no-repeat;
}

.dashboard-section-notification .ds-body .item .delete a:hover
{
    background-image: url(/imgs/feed_close_hover.png);    
}

.dashboard-section-notification .ds-body .item span
{
    clear: both;
    display: block;
    color: #737373;
    font-size: 11px;    
}

/* Dashboard events section */

.dashboard-section-events
{
    border: solid 1px #D6AE00;
}

.dashboard-section-events .ds-header
{
    background-color: #D6AE00;
}

.dashboard-section-events .ds-body
{
    padding: 3px;     
}

.dashboard-section-events .ds-body .item
{
    border-top: solid 1px #E7E7E7;
    padding: 4px 17px 4px 10px;
}

/* Dashboard posts section */

.dashboard-section-posts
{
    border: solid 1px #CC3333;
}

.dashboard-section-posts .ds-header
{
    background-color: #CC3333;
}

.dashboard-section-posts .ds-body
{
    padding: 3px;     
}

.dashboard-section-posts .wt_closeIcon
{
    width: 12px !important;
    height: 12px !important;
    display: block !important;
    background-image: url(/imgs/feed_close.png) !important;
    background-repeat: no-repeat !important;    
}

.dashboard-section-posts .wt_closeIcon:hover
{
    background-image: url(/imgs/feed_close_hover.png) !important;
}

.dashboard-section-posts .wt_alertsForCxtListingHeader
{
    border-top: solid 1px #E7E7E7 !important;
    padding-top: 10px !important;
    background-color: #F2F2F2;
}

.dashboard-section-posts .wt_alertsForCxtListingHeaderTitle
{
    font-family: Arial !important;
    font-size: 13px !important;        
}

.dashboard-section-posts .wt_alertItemAltBackground
{
    background-color: #ffffff !important;
}

.dashboard-section-posts .wt_ebl_h2
{
    font-family: Arial !important;
    color: #737373 !important;
    font-size: 13px !important;
}

/* Dashboard inbox section */

.dashboard-section-inbox
{
    border: solid 1px #3366CC;    
}

.dashboard-section-inbox .ds-header
{
    background-color: #3366CC;
}

.dashboard-section-inbox .ds-body
{
    padding: 3px;     
}

.dashboard-section-inbox .item
{
    border-top: solid 1px rgb(231, 231, 231);
}

.dashboard-section-inbox .item-pending
{
    color: #737373;
}

.dashboard-section-inbox .item-pending a
{
    color: #737373 !important;    
}

.dashboard-section-inbox .item .message
{
    padding: 5px 3px 7px 10px;
    width: 680px;
}

.dashboard-section-inbox .item .created
{
    float: right;
    text-align: right;
    padding-right: 3px;
    color: rgb(140, 140, 140);
    width: 90px;
    padding-top: 5px;
}

.dashboard-section-inbox .item .delete
{
    float: right;
    text-align: right;
    padding-right: 8px;
    padding-left: 2px;
    padding-top: 8px;
}

.dashboard-section-inbox .item .delete a
{
    width: 12px;
    height: 12px;
    display: block;
    background-image: url(/imgs/feed_close.png);
    background-repeat: no-repeat;
}

.dashboard-section-inbox .item .delete a:hover
{
    background-image: url(/imgs/feed_close_hover.png);    
}

/* */

a.more
{
    padding: 0 12px 0 0;
    background-image: url(/imgs/more-regular.png);
    background-repeat: no-repeat;
    background-position: right;
}

/* Used by hyperlinked image on profile pages */
img.no-border
{
    border: none;
}

/* Styles for the notification subscription management page */

.manage-subscriptions p
{
    color: #666666;
    margin: 0 0 0 0;
    padding: 15px 8px 0 8px;    
}

.manage-subscriptions a.tick-on
{
    display: inline-block;
    padding: 0 15px 0 0;
    background-image: url(/imgs/tick_on.png);
    background-repeat: no-repeat;
    background-position: 4px 0;
    width: 13px;
    height: 13px;
}

.manage-subscriptions a.tick-mid
{
    display: inline-block;
    padding: 0 15px 0 0;
    background-image: url(/imgs/tick_mid.png);
    background-repeat: no-repeat;
    background-position: 4px 0;
    width: 13px;
    height: 13px;
}

.manage-subscriptions a.tick-off
{
    display: inline-block;
    padding: 0 15px 0 0;
    background-image: url(/imgs/tick_off.png);
    background-repeat: no-repeat;
    background-position: 4px 0;
    width: 13px;
    height: 13px;
}

.manage-subscriptions .email-on-off
{
    padding: 15px 0 25px 5px;    
}

.manage-subscriptions input
{
    margin-right: 10px;
    position: relative;
    top: 1px;    
}

.manage-subscriptions .email-on-off .note
{
    color: #666666;
    padding-left: 5px;
}

.manage-subscriptions .pending
{
    color: #888888 !important;
}

.subscription-table td
{
    vertical-align: top;
    padding: 0;
}

.subscription-account
{
    border-top: solid 1px #CFE6FC;
    padding: 8px 3px 23px 3px;
    overflow: auto;
    margin: 0 20px 0 0;    
}

.subscription-account .more-less-container
{
    padding: 5px 0 0 3px;
}

.subscription-account .facility a
{
    color: #000000;
}

.subscription-account .more-less-container .more
{
    padding: 0 12px 0 0;
    background-image: url(/imgs/more-down.png);
    background-repeat: no-repeat;
    background-position: right;
}

.subscription-account .more-less-container .less
{
    padding: 0 12px 0 0;
    background-image: url(/imgs/less-up.png);
    background-repeat: no-repeat;
    background-position: right;
}

.subscription-account a
{
    text-decoration: none;
    color: #000000;
}

.subscription-account a:hover
{
    text-decoration: underline;
}

.subscription-account h2
{
    margin: 0 0 5px 0;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.subscription-account .auto
{
    color: #2458D1;
    padding: 2px 0;
}

.subscription-account .facility
{
    white-space: nowrap;
    overflow: hidden;
    color: #2458D1;
    width: 245px;  
    padding: 2px 0;          
}

.subscription-account .facility a
{
    color: #2458D1;
}

.subscription-account .facility .facility-type
{
    font-size: 10px;
    color: #000000;    
}

.subscription-account .pending .facility-type
{
    color: #888888;
}

.subscription-account .pending a
{
    color: #888888;
}

/* Multi-purpose dialog-style message that informs the users that an action has completed */
.dialog-message
{
    padding: 15px;
    background-color: #F8DBE0;
    min-height: 250px;
}

.dialog-message h1
{
    margin: 0;
}

.dialog-message .subtext
{
    padding-top: 10px;
}

/* Tab user control */

.tabbed
{
    width: 837px;
    border-bottom: solid 2px #97AC35;
    font-size: 16px;
    font-weight: bold;
    overflow: auto;
    zoom: 1;
}

.tabbed .tb-item
{
    display: inline-block;
    background-color: #C3D181;
    padding: 5px 11px 4px 11px;
    color: #ffffff;    
    border-right: solid 1px #ffffff;
}

.tabbed .tb-item:hover
{
    background-color: #A7BA4F;
    text-decoration: none;   
}

.tabbed .tb-focus
{
    background-color: #A7BA4F;
}

/* Styles for file folder facility */

.folder
{
    padding-top: 10px;
}

.folder table
{
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.folder table td
{
    padding: 4px 6px;
}

.folder table td.options
{
    color: #aaaaaa;
    text-align: right;
    width: 100px;
}

.folder table td.file img
{
    padding-right: 6px;
    position: relative;
    top: 2px;
}

.folder table td.file a
{
    color: #000000;
}

.folder table thead tr
{
    background-color: #F0F7F9;
}

.folder table thead tr td
{
    border-bottom: solid 1px #6B90DA;
}

.folder table tbody tr td
{
    border-bottom: solid 1px #F0F7F9;    
    vertical-align: top;
}

.folder table tbody tr td.non-name
{
    padding-top: 5px;
}

.folder .comment
{
    border-left: solid 1px #EE8800;
    clear: both;
    padding: 0 0 0 10px;
    margin: 5px 5px 6px 21px;
    color: #555555;
}

.folder .author
{
    font-size: 11px;
    color: #888888 !important;
    padding-left: 8px;
}

.folder .author a
{
    color: #888888 !important;    
}

/* Simple paginator as found the file library */
.box-paginator
{
    border-top: solid 1px #6B90DA;    
    margin-top: 5px;
    overflow: auto;
    padding: 6px;
    background-color: #F0F7F9;
    font-size: 10px;
}

.box-paginator .summary
{
    float: right;
    color: #888888;
    font-size: 13px;
}

.box-paginator a.box-regular
{
    display: block;
    float: left;
    padding: 3px 7px;
    border: solid 1px #ffffff;
    background-color: #cccccc;
    color: #555555;
    margin-right: 7px;    
}

.box-paginator a.box-regular:hover
{
    background-color: #EE8800;    
    color: #ffffff;    
    text-decoration: none;
}

.box-paginator a.box-focus
{
    display: block;
    float: left;
    padding: 3px 7px;
    background-color: #EE8800;
    border: solid 1px #ffffff;
    color: #ffffff;
    margin-right: 7px;
    text-decoration: none;
}    

/* THEMES
 * Different color themes for boxes on a profile page */

h1.theme
{
    margin-top: 20px;
    margin-left: 11px;
    margin-bottom: 30px;
}

.theme-choice
{
    border: solid 1px #eeeeee;
    float: left;
    padding: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.theme-sample-header
{
    width: 156px;
}

.theme-sample-body
{
    padding: 4px 8px;
    width: 140px;
    margin-bottom: 10px;
}

/* --- */

.theme-default .rdContent
{
    background-color: #DFEEF3 !important;    
}

.theme-default .rdTitle
{
    background-color: #4686B6 !important;    
}

/* --- */

.theme-romantic,
.theme-romantic strong,
.theme-romantic a
{
    color: Purple;
}

.theme-romantic .rdContent
{
    background-color: #FFA1A1 !important;    
}

.theme-romantic .rdTitle
{
    background-color: Purple !important;    
}

/* --- */

.theme-sundown,
.theme-sundown strong,
.theme-sundown a
{
    color: #743700;
}

.theme-sundown .rdContent
{
    background-color: #FFFFD4 !important;    
}

.theme-sundown .rdTitle
{
    background-color: #EC7000 !important;    
}

/* --- */

.theme-forest,
.theme-forest strong,
.theme-forest a
{
    color: #006633;
}

.theme-forest .rdContent
{
    background-color: #F9FFEF !important;    
}

.theme-forest .rdTitle
{
    background-color: #64992C !important;    
}

/* --- */

.theme-postit,
.theme-postit strong,
.theme-postit a
{
    color: #493806;
}

.theme-postit .rdContent
{
    background-color: #FFFF88 !important;    
}

.theme-postit .rdTitle
{
    background-color: #C79810 !important;    
}

/* --- */

.theme-convent,
.theme-convent strong,
.theme-convent a
{
    color: #36393D;
}

.theme-convent .rdContent
{
    background-color: #C3D9FF !important;    
}

.theme-convent .rdTitle
{
    background-color: #36393D !important;    
}

/* --- */

.theme-haze,
.theme-haze strong,
.theme-haze a
{
    color: #3F4C6B;
}

.theme-haze .rdContent
{
    background-color: #F9F7ED !important;    
}

.theme-haze .rdTitle
{
    background-color: #C3D9FF !important;    
}

/* --- */

.theme-autumn,
.theme-autumn strong,
.theme-autumn a
{
    color: #431F05;
}

.theme-autumn .rdContent
{
    background-color: #C79810 !important;    
}

.theme-autumn .rdTitle
{
    background-color: #73880A !important;    
}

/* --- */

.theme-heat,
.theme-heat strong,
.theme-heat a
{
    color: #ffffff;
}

.theme-heat .rdContent
{
    background-color: #FF1A00 !important;    
}

.theme-heat .rdTitle
{
    background-color: #CC0000 !important;    
}

/* --- */

.theme-skyling,
.theme-skyling strong,
.theme-skyling a
{
    color: #3F4C6B;
}

.theme-skyling .rdContent
{
    background-color: #EEEEEE !important;    
}

.theme-skyling .rdTitle
{
    background-color: #4096EE !important;    
}

/* --- */

.theme-surprise,
.theme-surprise strong,
.theme-surprise a
{
    color: #5E0030;
}

.theme-surprise .rdContent
{
    background-color: #ffffff !important;    
}

.theme-surprise .rdTitle
{
    background-color: #FF0084 !important;    
}

/* --- */

.theme-terminal,
.theme-terminal strong,
.theme-terminal a
{
    color: #ffffff;
}

.theme-terminal .rdContent
{
    background-color: #333333 !important;    
}

.theme-terminal .rdTitle
{
    background-color: #000000 !important;    
}

/* Profile Widget Catalogue */

.wcatalogue h1
{
    margin: 20px 0 10px 10px;
}

.wcatalogue table td
{
    vertical-align: top;
    padding: 10px;
}

.wcatalogue table td ul
{
    list-style-type: none;
    margin: 10px 0 30px 0;
}

.wcatalogue .widget
{
    overflow: auto;
    clear: both;
    border-top: solid 1px #DFEEF3;
}

.wcatalogue .widget .wsample
{
    float: left;
    padding: 10px;
}

.wcatalogue .widget .wsample img
{
    width: 233px;
}

.wcatalogue .widget .wform
{
    padding: 10px;
    float: left;
}

.wcatalogue .widget .wform input.textinput
{
    width: 250px;
}

.wcatalogue .widget .wform h2
{
    color: #000000;
    margin: 0;
}

.wcatalogue .widget .wform p
{
    margin: 5px 0;
}

.wcatalogue .widget .wform p strong
{
    color: #000000;
}