/*****************

NOTE: Dynamically generated CSS 
Do not manually modify files in the /css/static/ directory


*****************/


@import url(Reset.css);

/******************************************************************************************************** ADMIN STYLES */

body
{
	background:#2625AB url(../../images/relational/background.relational.bluefade.jpg) repeat-x left bottom;
	text-align:left;
	min-width:700px;
}

body,p,td,ul,li
{
	font-family:'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
	font-size:11px;
	line-height:12px;
	color:Black;
}

p,li
{
	margin-top:6px;
	margin-bottom:0;
}

a
{
	color:#2625AB;
	text-decoration:none;
	font-weight:bold;
}

a:hover
{
	color:#0000FF;
	text-decoration:none;
}

input,
textarea,
select
{
    font-family: 'Segoe UI,'Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
}

ul
{
    list-style:square;
}

h1
{
    color: #000000;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 28px;
    line-height:28px;
    font-style: normal;
    font-weight: normal;
    margin:6px 0 0 0;
}

h2
{
    color: #969087;
    font-family:'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size:14px;
    font-weight:bold;
    margin:18px 0 9px 0;
}

/****************************************************************** BLANK PAGE */

body#Blank
{
    background: transparent;
	min-width:0;
}

/****************************************************************** UTILITY CLASSES*/

.ScrollVertical
{
    clear: both;
    background: White;
    height: 310px;
    width: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: silver 1px solid;
    padding: 3px;
    margin-top: 2px;
}

.Clear
{
    clear: both;
    float: none;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}

.Visible
{
}

.Hidden
{
    display: none!important;
}

.FloatRight
{
    float: right !important;
    clear: none !important;
}

.FloatLeft
{
    float: left !important;
    clear: none !important;
}

a.FloatRight
{
    margin-right: 0px !important;
}

/****************************************************************** MAIN CONTENT CONTAINERS */

div#AdminContentContainer
{
    margin-left:120px;
    margin-bottom:50px;
	min-height:800px;
	background:white;
	border:2px solid white;
	border-right:none;
}

div#MainBody
{
    padding:10px;
}

/****************************************************************** MASTHEAD  */

div#AdminMasthead
{
    height: 63px;
    background: #2625AB url(../../images/relational/background.epeerreview.masthead.jpg) no-repeat right top;
    position: relative;
    z-index: 999;
}

div#AdminMasthead a#MastheadLogo
{
    position: absolute;
    right: 0;
}

div#AdminMasthead p
{
    padding-left: 10px;
    margin-top: 12px;
    color: White;
    font-family: 'Segoe UI,'Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 18px;
    line-height: 18px;
}

/* Project ID area */

div#ProjectId
{
    position: absolute;
    top: 0px;
    left: 0px;
    width:300px;
    height:48px;
    padding-left:125px;
    padding-top:15px;
    background-repeat:no-repeat;
}

div#ProjectId h2
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 14px;
    line-height: 120%;
    color: #E9E9F7;
    margin: 0;
    font-weight: bold;
}

/* Version ID */

div#AdminMasthead div#VersionId
{
    position: absolute;
    top: 42px;
    right: 14px;
    color: #6766C4;
    font-size: 9px;
}

div#AdminMasthead div#VersionId a
{
    color:#7D7CCD;
}

div#AdminMasthead div#VersionId a:hover
{
    color:White;
    text-decoration:underline;
}



/* Page header (contains crumbs & h1) */

div#AdminPageHead
{
    border-bottom: 1px dotted #969087;
    background: #DED7CD;
    padding: 5px;
    background-position:10px 12px;
    background-repeat:no-repeat;
}

 
div#AdminPageHead.Comments {  background-image:url(../../images/icon.Comments.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.Contacts {  background-image:url(../../images/icon.Contacts.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.DownloadExcel {  background-image:url(../../images/icon.DownloadExcel.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.People {  background-image:url(../../images/icon.People.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.Responses {  background-image:url(../../images/icon.Responses.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.Review {  background-image:url(../../images/icon.Review.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.UploadChapters {  background-image:url(../../images/icon.UploadChapters.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.UploadContacts {  background-image:url(../../images/icon.UploadContacts.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.UploadComments {  background-image:url(../../images/icon.UploadComments.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.UploadDownload {  background-image:url(../../images/icon.UploadDownload.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.Upload {  background-image:url(../../images/icon.Upload.1.gif);  padding-left:70px; padding-bottom:15px; }

 
div#AdminPageHead.UploadResponses {  background-image:url(../../images/icon.UploadResponses.1.gif);  padding-left:70px; padding-bottom:15px; }




div#AdminPageHead div#Crumbs
{
    font-size:10px;
    color: #969087;
} 
   
div#AdminPageHead div#Crumbs img
{
    top: 0;
    margin:0 7px;
}

div#AdminPageHead div#Crumbs a
{
    color: #969087;
    font-weight:normal;
    border-bottom:1px dotted #969087;
}

div#AdminPageHead div#Crumbs a:hover
{
    color: #0000FF;
    border-bottom:1px dotted #0000FF;
}


/* Button colors */

a.Button span
{
    background-color:#2625AB ;
}

a.Button.Check span,
a.Button.Edit span
{
    xbackground-color:#6CA86C ;
}

a.Button.X span
{
    background-color:Red ;
}

a.Button:hover
{
}

a.Button:hover span
{
     background-color:#D8820F; 
}

.FilterPanel
{
}

.TabOn, .TabOff
{
}

a.TabOff:hover
{
	background-color:#D8820F;
}

div.TabStrip
{
	margin-bottom:-2px;
}



/***************************************************************** Home PAGE (admin/index.aspx) */

div.AdminLeftColumn
{
    float: left;
    width: 600px;
    margin-right: 15px;
}

div.AdminRightColumn
{
    float: left;
    width: 200px;
    background: #FDFCFC;
    padding: 5px;
    border: 1px solid #D6CDC1;
}

div.AdminQuickLinks a.Button
{
    width: 150px;
    clear: both;
}

/***************************************************************** ADMIN MENUS */

/********** Containers */

div#AdminMenuContainer
{
    position: absolute;
    top: 63px;
    left: 0px;
}

ul#AdminMenu /* Menu container (level 1) */
{
    margin: 0;
    padding: 0;
    border-bottom:1px solid #3130AF;
}

/********** List items */

ul#AdminMenu li /* List items (level 1+) */
{
    background: transparent none;
    display: block;
    float: none;
    font-size: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#AdminMenu li.Selected /* List items (level 1+) */
{
    background: #D8820F url(../../images/relational/background.menu.on.jpg) no-repeat -1px top;
} 


/********** Links (level 1+) */

ul#AdminMenu a /* Links (level 1+) */
{
    color: White;
    display: block;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    height: 14px;
    margin: 0;
    padding: 2px 5px 4px 15px;
    white-space: nowrap;
    width:100px;
    border-top:1px solid #3130AF;
}

ul#AdminMenu a.Hover,
ul#AdminMenu a:hover /* Links on hover (level 1+) */
{
    background-color: #1E1E89;
    text-decoration: none;
}

ul#AdminMenu li.Selected a
{
    border-top:1px solid white;
    border-bottom:1px solid white;
    color: White;
    font-weight:bold;
    font-size:12px;
    padding-top:4px;
    padding-bottom:4px;
}

ul#AdminMenu li.Selected a:hover
{
    background-color:Transparent;
}

/* Relational Admin Icons */






/***************************************************************** ADMIN INDEX PAGES*/

div.AdminSearchToolbar
{
    min-height: 17px;
    padding: 4px;
    background: #FBFAF9;
    border: 1px solid #D6CDC1;
    clear: both;
    margin-bottom: 12px;
}


div.AdminSearchToolbar a.Button
{
    clear: none;
    margin-top:3px;
    margin-left: 5px;
}

div.AdminSearchToolbar a.Large
{
    margin-top: 1px;
    margin-right:3px;
}

div.AdminSearchToolbar div.FormFields
{
    float: left;
}

div.AdminSearchToolbar div.FormFields input.FormField
{
    height:17px;
    font-size:12px;
}

div.AdminSearchToolbar div.SearchButtonContainer
{
    float: right;
    padding: 2px 0;
}


div.SearchResultCount
{
    float: left;
    margin-bottom: 5px;
}

div.SearchSummary
{
    float: right;
    text-align: right;
    max-width: 500px;
}

div.SearchSummary a.X
{
    /* Reset button */
    margin-left: 10px;
    top: -2px;
    clear: none;
    float: right;
}

div#Toolbar
{
    background: #E2DCD4;
    border: 1px solid #D6CDC1;
    clear: both;
    height: 17px;
    margin-bottom: -1px;
    padding: 4px;
    position: relative;
    z-index: 2;
}

/***************************************************************** ADVANCED SEARCH */

a.Toggle span
{
    background-color: #ABA49A !important;
}

a.Toggle.On span
{
    background-image: url(../../images/relational/vup.small.png);
}

a.Toggle:hover span
{
    background-color: #807B74 !important;
}

div.AdminSearchToolbar.Advanced
{
    background: #F3F0EC;
    margin-top: -13px;
}



/***************************************************************** DATAGRID */

table.DataGrid
{
    clear: both;
    border-collapse: collapse;
    border: 1px solid #D6CDC1;
}

table.DataGrid td,
table.DataGrid th
{
    /* All cells */ 
    vertical-align: top;
}

table.DataGrid tr.DataGridHeader td,
table.DataGrid th
{
    /* All heading cells */
    background-color: #EAE6E0;
    border-bottom: 1px solid #D6CDC1;
    border-right: 1px solid #E2DCD4;
    color: Black;
    font-weight: bold;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
}

table.DataGrid tr.DataGridHeader td a,
table.DataGrid th a /* All heading links */
{
    color: Black;
    display: block;
    font-weight: bold;
    padding: 5px;
    white-space: nowrap;
    width: auto;
}

table.DataGrid tr.DataGridHeader td a:hover,
table.DataGrid th a:hover
{
    background-color: #DED7CD;
}

table.DataGrid td /* All regular cells */
{
    border: 1px solid #F7F5F3;
    padding: 2px 5px 1px 5px;
    line-height: 15px;
    vertical-align: middle;
    background-color: white;
}

table.DataGrid tr:hover td
{
    background-color: #FDFCFC !important;
    border-color:#EFEBE6;
}


div.OneLine
{
    height: 17px;
    overflow: hidden;
}

table.DataGrid td.Highlight
{
    background-color: #FDFCFC;
}

table.DataGrid th.SortUp a,
table.DataGrid th.SortDown a
{
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

table.DataGrid th.SortUp a,
table.DataGrid th.SortDown a:hover
{
    background-image: url(../../images/relational/sort.up.gif);
}

table.DataGrid th.SortDown a,
table.DataGrid th.SortUp a:hover
{
    background-image: url(../../images/relational/sort.down.gif);
}

table.DataGrid td img.Thumbnail
{
    margin-top: 2px;
    border:1px solid black;
}

table.DataGrid img.VersionIcon
{
    margin-right: 2px;
    float: left;
}

table.DataGrid a.Button
{
}

table.DataGrid td.NoPadding
{
    padding:0;
}

table.DataGrid td.NoPadding .FormField
{
    border:none!important;
    overflow-y:auto;
    overflow-x:hidden;
    margin-top:-2px;
    margin-bottom:-1px;
    margin-right:5px;
    height:16px;
    padding:5px 5px 0px 5px;
    background-color: #F5F2F0;
}

div.NoResults
{
    padding: 15px;
    background-color: #FDFCFC;
}

/***************************************************************** SHOPPING CART GRID */

table.ShoppingCart td
{
    padding:4px!important;
}


/***************************************************************** PAGER */

div.Pager
{
    border: 1px solid #D6CDC1;
    background: #E2DCD4;
    clear: both;
    height: 25px;
    margin-top: -1px;
    padding: 4px;
    position: relative;
}

div.Pager span.CurrentPageLabel
{
    position: absolute;
    left: 50%;
    height: 25px;
    line-height: 25px;
}




/***************************************************************** COLUMN CHOOSER */

div#ColumnChooserContainer
{
    position: absolute; /* within div#Toolbar */
    top: 3px;
    right: 3px;
    width: 150px;
}

div#ColumnChooserContainer .ColumnChooser
{
    background-color: #F3F0EC;
    border: 1px solid #D6CDC1;
    line-height: 12px;
    margin-top: -1px;
    overflow-x: hidden;
    xxheight: 200px;
    xxoverflow-y: scroll;
    z-index: 9;
}

div#ColumnChooserContainer.Hover .ColumnChooser
{
    display: block;
}

div#ColumnChooserContainer .ColumnChooser,
div#ColumnChooserContainer.NoHover .ColumnChooser
{
    display: none;
}

div#ColumnChooserContainer .ColumnChooser span
{
    display: block;
    white-space: nowrap;
    font-size: 11px;
    padding: 0 3px;
}

div#ColumnChooserContainer .ColumnChooser span:hover
{
    background-color: #D6CDC1;
}

div#ColumnChooserContainer .ColumnChooser label
{
    display: inline-block;
    width: 120px;
}

/* Column chooser link */

div#ColumnChooserContainer span.ColumnChooserButton
{
    display: block;
    height: 11px;
    color: #65615C;
    font-size: 10px;
    line-height: 11px;
    font-weight: bold;
    border: 1px solid #D6CDC1;
    padding: 3px 10px 3px 18px;
    background: #E2DCD4 url(../../images/relational/VDown.silver.gif) no-repeat 3px 3px;
}

div#ColumnChooserContainer.Hover span.ColumnChooserButton,
div#ColumnChooserContainer:hover span.ColumnChooserButton
{
    cursor: pointer;
    background-color: #EAE6E0;
    color: #3E3A33;
}


/***************************************************************** ADMIN FORMS */

p.KeyValue
{
    font-size: 9px;
    font-weight: normal;
    float: right;
    color: #C1B8AE;
    margin: 43px 0 0 0;
}

p.FormFooter
{
    padding: 0;
    margin: 3px 0 0 0;
    font-size: 10px;
    color: #969087;
}

div.AdminFieldsetContainer
{
    background-color: #F3F0EC;
    border: 1px solid #D6CDC1;
    padding: 5px;
    z-index:0;
}

div.AdminFieldsetContainer div.FormRow
{
    clear:both;
    position:relative;
    padding: 4px 0;
}

div.AdminFieldsetContainer div.FormRow label.Label
{
    float: left;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    padding: 3px 10px 0 0;
    text-align: right;
    width: 100px;
    position:relative;
}


div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    float: left;
    position:relative;
}

div.Narrow div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    width: 300px;
}


div#MainColumn div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    float: left;
    width: 290px;
}

div.AdminFieldsetContainer p.BoxNote
{
    font-size: 11px;
    border: 1px solid #D6CDC1;
    background: #FEFEFE;
    padding: 3px;
}

div.AdminFieldsetContainer table.BareTable td
{
    padding-right: 5px;
}

div.AdminFieldsetContainer a.Button
{
}

/* Tabs */

div.TabStrip
{
    height: 25px;
    position:relative;
    z-index:9;
}

div.TabStrip a
{
    display: block;
    float: left;
    padding: 2px 10px;
    margin-right: 7px;
    font-weight: normal;
    border: 1px solid #EAE6E0;
    border-bottom-color: #D6CDC1;
    background-color: #FBFAF9;
    line-height: 18px;
    height: 18px;
    color: #787570;
}

div.TabStrip a:hover
{
    border: 1px solid #ABA49A;
    border-bottom-color: #D6CDC1;
    background-color: #E2DCD4;
    color: Black;
}

div.TabStrip a.On,
div.TabStrip a.On:hover
{
    color: Black;
    font-weight: bold;
    border: 1px solid #D6CDC1;
    border-bottom-color: #F3F0EC;
    background-color: #F3F0EC;
}


/* Form fields */

select.FormField,
.FormField
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 11px;
    line-height:120%;
    vertical-align: middle;
    height:110%;
    margin: 0;
    border: 1px solid #D6CDC1;
}

.FormField.H1
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 28px;
    letter-spacing: -1px;
    font-weight: normal;
}

.FormField.H2
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}

.FormField.H3
{
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
}

.FormField.H4
{
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}

.Watermark
{
    color: #ABA49A !important;
}

select.FormField
{
    height: auto;
}

.FormField.Focus
{
    border-color: #7f0000;
    color: black;
}

.FormField
{
    vertical-align: middle;
    padding: 2px 3px;
}

textarea.FormField
{
    overflow-y:auto;
}

div.AdminFieldsetContainer textarea,
div.AdminFieldsetContainer iframe,
div.AdminFieldsetContainer .FormField,
div.AdminFieldsetContainer .FormField.H1,
div.AdminFieldsetContainer .FormField.H2,
div.AdminFieldsetContainer .FormField.H3,
div.AdminFieldsetContainer .FormField.H4,
div.AdminFieldsetContainer .FormField.H5
{
    margin: 0;
    border: 1px solid #D6CDC1;
}

div.AdminFieldsetContainer iframe
{
    margin-top: 3px;
}

div.AdminFieldsetContainer .Watermark
{
    color: #ccc !important;
}

div.AdminFieldsetContainer select.FormField
{
    height: auto;
}

div.AdminFieldsetContainer .FormField.Focus
{
    border-color: #D8820F;
    color: black;
}

div.AdminFieldsetContainer div.FieldsetContainer .FormField
{
    background: white;
}

/* Form instructions */

.FormInstructions
{
    display: block;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px !important;
    color: #999;
}

.FormInstructions ul
{
    margin-top:0;
    margin-left:25px;
}

.FormInstructions ul li
{
    list-style:square!important;
    background-image:none;
    padding-left:0;
}



/* Form buttons */

div.FormButtonContainer
{
    clear: both;
    margin: 12px 0;
}

div.FormButtonContainer a.Check
{
    /* Save button */
    margin-left: 10px;
}

div.FormButtonContainer a.Button
{
    clear: none;
    float: right;
}

div.FormButtonContainer a.Ok
{
    /* Save */
}

div.FormButtonContainer a.No
{
    /* Cancel */
    margin-right: 5px;
}

div.FormButtonContainer a.X
{
    /* Delete */
    float: left;
}

/* Upload panel wrapper */

div.UploadWrapper
{
}

div.UploadWrapper table
{
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #D6CDC1;
}

div.UploadWrapper table td
{
    padding: 5px 2px;
}




/********************************************* IMAGE PICKER */

div.FilePicker
{
    padding: 5px 0;
    min-height: 70px;
}

div.FilePicker img
{
    float: left;
    border: 1px solid black !important;
    margin: 0 5px 10px 0;
}

div.FilePicker div.DocumentLinkContainer
{
    display: block;
    float: left;
}

div.FilePicker iframe
{
    float: left;
    border: none !important;
}


/***************************************************************** SUB FORM */

div.SubForm
{
    position: relative;
    padding: 10px;
    border: 1px solid #D6CDC1;
    background-color: #EAE6E0;
    margin-bottom: -1px;
}

div.SubForm div.SubFormFieldContainer
{
    width: 400px;
    float: left;
    padding-right: 10px;
}

div.SubForm div.SubFormFieldContainer .FormField
{
    width: 395px;
    height: 75px;
    margin: 0;
}

div.SubForm div.SubFormDetailsContainer
{
    width: 150px;
    float: left;
    margin-right: 10px;
}

div.SubForm div.SubFormDetailsContainer .FormField
{
    width: 150px;
    margin: 0;
}

div.SubForm div.SubFormDetailsContainer p.SubFormDetails
{
    margin-top: 6px;
    font-size: 10px;
    line-height: 13px;
    color: Gray;
}

div.SubFormButtonsContainer
{
    text-align: right;
    position: absolute;
    bottom: 6px;
    right: 6px;
}

/* New comment form */
div.SubForm.New
{
    height: 100px;
}

/* listing */

div.SubForm.List
{
    background: white;
}

div.SubForm.List div.SubFormDetailsContainer p.SubFormDetails,
div.SubForm.List p
{
    margin-top: 6px;
}

div.SubForm.List div.SubFormButtonsContainer
{
    right: 0;
}

/* Edit form */

div.SubForm.Edit
{
    background: transparent;
}

div.SubForm.Edit div.SubFormButtonsContainer
{
    width: 275px;
    bottom: 6px;
    right: 0;
}

div.SubForm.Edit div.SubFormButtonsContainer a.X
{
    float: left;
}

a.InlineEditLink
{
    color: #3E3A33 !important;
    font-weight: normal;
    display:block;
}

a.InlineEditLink:hover
{
    color: Black;
}





/* Comments form */

div.SubForm div.SubFormDetailsContainer p.SubFormDetails div.CommentName
{
    display: block;
    font-weight: bold;
}

div.SubForm div.SubFormDetailsContainer p.SubFormDetails div.CommentDate
{
    display: block;
}






/****************************************************** Picker controls */

.Picker div#ResultDiv
{
    width: 300px;
    height: 80px;
    padding: 2px;
    font-size: 10px;
    line-height: 12px;
}

.Picker p.ContactInfo
{
    background-position: 1px 0;
    background-repeat: no-repeat;
    background-image: url(../../images/relational/person.gray.gif);
    padding-left: 15px;
}

.Picker a.Button
{
    margin-top:3px;
}


/********************************************* VALIDATION SUMMARY */

.ValidationSummary
{
    border: 2px solid Red;
    padding: 10px 10px 10px 60px;
    margin: 15px auto;
    width: 300px;
    font-weight: bold;
    background: #F5F2F0 url(../../images/warning.gif) no-repeat 12px 12px;
}

.ValidationSummary,
.ValidationSummary h1,
.ValidationSummary h2,
.ValidationSummary h3,
.ValidationSummary h4,
.ValidationSummary h5,
.ValidationSummary li,
.ValidationSummary p
{
    color: #3E3A33 !important;
}

.ValidationSummary h5
{
    margin-top: 0;
}

.ValidationSummary ul
{
    margin: 0 0 4px 25px;
}

.ValidationSummary li
{
    font-weight: normal;
}

/***************************************************************** PHOTO GALLERY */

.PhotoGridContainer
{
    background: black;
    padding: 10px;
}

div.PhotoCell
{
    background-color: White;
    border-width: 2px;
    border-style: solid;
    border-color: silver Gray Gray silver;
    padding: 5px;
    margin: 5px;
    float: left;
    clear: both;
}

div.PhotoCell.PhotoCellRight
{
    float: right;
}

div.PhotoCell img
{
    cursor: move;
    margin:5px 0;
}

div.PhotoCell,
div.PhotoCell p
{
    font-size: 9px;
    color: Gray;
}

div.PhotoCell a.Button
{
    clear: none;
}

/* Details */

div.Details
{
    clear: both;
    min-height: 14px;
    padding: 1px 0 0 0;
    margin: 1px 0 0 0;
    border-top: 1px solid #F7F7F7;
}

div.DetailsLabel
{
    font-size: 9px;
    font-weight: bold;
    line-height: 13px;
    color: #3E3A33;
    float:left;
    width:100px;
}

div.DetailsValue
{
    float:left;
}

div.PhotoCell div.Details
{
    font-size:9px;
    line-height: 14px;
}

div.PhotoCell div.DetailsLabel,
div.PhotoCell div.DetailsValue
{
    display: inline;
    width: auto;
    float: none;
}    


/******************************************************** MENU EDITOR */

div.MenuEditor
{
    width:700px;
    border:1px solid #D6CDC1;
    height:500px;
}

div.MenuEditorTreeViewContainer
{
    height:500px;
    width:350px;
    float:left;
    border-right:1px solid #D6CDC1;
}

div.MenuEditorFormContainer
{
    float:left;
    width:349px;
    height:500px;
    background:#F3F0EC;
}

div.MenuEditor div.AdminFieldsetContainer
{
    border:none!important;
    background:transparent!important;
}

div.MenuEditor div.AdminFieldsetContainer div.FormRow label.Label
{
    width:50px;
}

div.MenuEditor div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    width:250px;
}

div.MenuEditor div.AdminFieldsetContainer div.FormRow div.FieldContainer input.FormField
{
    width:248px;
}





/******************************************************** TREEVIEW */

.TreeView
{
    padding-top: 4px;
    padding-left: 1px;
    cursor: default;
}

.TreeNode
{
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

.GrayedTreeNode
{
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: gray;
    cursor: default;
}

.HoverTreeNode
{
    font-size: 11px;
    text-decoration: underline;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}

.SelectedTreeNode
{
    font-size: 11px;
    background-color: gray;
    color: white;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}

.NodeEdit
{
    border: 1px gray solid;
    font-size: 11px;
}

/******************************************************** SUBGRID */

div.SubGridContainer
{
    padding:3px 3px 20px 3px;
    min-height:150px;
    margin-bottom:15px;
    background: #DAD2C7;
    border:1px solid #C1B8AE;
}

div.SubGridContainer table.DataGrid
{
    border-color:#C1B8AE;
}



/********************************************* WIZARD */

table.Wizard
{
    border:none;
}

table.Wizard td.WizardSidebar
{
    vertical-align:top;
    padding:3px;
    background-color:White;
    border-right: 1px solid #D6CDC1;
}

table.Wizard td.WizardSidebar a
{
   color: #787570;
    border: 1px solid #EAE6E0;
    background-color: #FBFAF9;
    display:block;
    font-weight:normal;
    width:100px;
    padding:2px;
    line-height:14px;
}

table.Wizard td.WizardSidebar a:hover
{
    text-decoration:none;
}

table.Wizard td.WizardSidebar a.Selected
{
    color: Black;
    font-weight: bold;
    border: 1px solid #D6CDC1;
    background-color: #F3F0EC;
}

td.WizardStep
{
    height:200px;  
    padding:5px;    
}

td.WizardButtonContainer
{
}


/* Full page update progress */

div.FullPageUpdateProgressWrapper
{
    position: fixed;
    width: 99%;
    height: 99%;
    left: 0;
    top: 0;
    z-index: 999;
}   

div.FullPageUpdateProgressWrapper div.UpdateProgress
{
    width: 150px;
    margin: 120px 40%;
    border: 1px solid #CCCCCC;
    background: transparent url(../../images/translucent/10.90.png);
    padding:50px 30px;
    text-align: center;
}

div.FullPageUpdateProgressWrapper img
{
    padding-right: 10px;
    vertical-align: middle;
}

div.FullPageUpdateProgressWrapper span
{
    display: block;
    padding: 5px 0;
}

/****************************************************** PROGRESS BAR */

div.ProgressBar
{
    width: 203px;
    height: 13px;
    background:transparent url(../../images/relational/progress.bar.gif) no-repeat;
    padding: 3px 2px;
}

div.ProgressIndicator
{
    height: 7px;
    background:transparent url(../../images/relational/progress.indicator.gif) repeat-x;
}

/* Styles that are used both by the CMS and the public site */

/******************************* PHOTO CREDITS & CAPTIONS */

div.PhotoRight p,
div.PhotoLeft p,
.Caption
{
    font-weight: bold;
    font-size: 10px;
    color: #ABA49A;
    margin-top:6px;
}

p.PhotoCredit,
.PhotoLeft p.PhotoCredit,
.PhotoRight p.PhotoCredit
{
    margin: 0;
    text-align: right;
    font-size: 9px;
    font-weight: normal;
    color: #aaa;
}


/******************************* DOCUMENT ICONS*/

p.DocCSV,
p.DocDOC,
p.DocHTM,
p.DocMDB,
p.DocPDF,
p.DocPPT,
p.DocPPS,
p.DocRTF,
p.DocTXT,
p.DocXLS,
p.DocZIP,
p.DocGeneric,
p.DocXXX,
p.DocRegistrationRequired,
p.DocBIC
{
    line-height: 15px;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 2px 0 3px 20px;
}

p.DocCSV
{
    background-image: url(../../images/icons/document.csv.gif);
}
p.DocDOC
{
    background-image: url(../../images/icons/document.doc.gif);
}
p.DocHTM
{
    background-image: url(../../images/icons/document.htm.gif);
}
p.DocMDB
{
    background-image: url(../../images/icons/document.mdb.gif);
}
p.DocPDF
{
    background-image: url(../../images/icons/document.pdf.gif);
}
p.DocPPT
{
    background-image: url(../../images/icons/document.ppt.gif);
}
p.DocPPS
{
    background-image: url(../../images/icons/document.ppt.gif);
}
p.DocRTF
{
    background-image: url(../../images/icons/document.rtf.gif);
}
p.DocTXT
{
    background-image: url(../../images/icons/document.txt.gif);
}
p.DocXLS
{
    background-image: url(../../images/icons/document.xls.gif);
}
p.DocZIP
{
    background-image: url(../../images/icons/document.zip.gif);
}
p.DocGeneric
{
    background-image: url(../../images/icons/document.generic.gif);
}
p.DocXXX
{
    background-image: url(../../images/icons/document.xxx.gif);
}
p.DocRegistrationRequired
{
    background-image: url(../../images/icons/document.r.gif);
}

/********************************************* DOCUMENTS */

div.DocumentLink
{
    clear:both;
    margin: 20px 10px 20px 0;
}

div.DocumentLink a.Thumbnail
{
    float: left;
    margin-left: -10px;
    margin-top: -10px;
    padding: 14px;
    background: transparent url(../../images/frame.50x70.png) no-repeat 0 0;
    margin-right: -2px;
    width:50px;
    height:70px;
}

div.DocumentLink:hover a.Thumbnail
{
    background-image: url(../../images/frame.50x70.on.png);
}

div.DocumentLink a.Thumbnail img
{
}

div.DocumentLink div.TextContainer
{
    float: left;
    width: 250px;
}

div.DocumentLink h3
{
    font-size: 15px;
    letter-spacing: 0;
    margin:0;
    font-style:normal;
}

div.DocumentLink div.TextContainer p
{
    margin: 0;
    line-height:14px; 
}

div.DocumentLink div.TextContainer p a
{
    white-space: nowrap;
}

div.Document div.Thumbnail
{
    float: left;
    margin-left: -10px;
    margin-top: -10px;
    padding: 14px;
    background: transparent url(../../images/frame.100x140.png) no-repeat 0 0;
    margin-right: 2px;
    width:100px;
    height:140px;
}

/***************************************************************** ADMIN HEADER */

div.AdminHeader
{
    background:black url(../../images/relational/glass.black.24.gif) repeat-x;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    height: 25px;
    font-weight: normal;
    white-space: nowrap;
    border-bottom:1px solid black;
}

div.AdminHeader,
div.AdminHeader p,
div.AdminHeader td,
div.AdminHeader strong
{
    color: #ddd;
    font-size: 11px;
}

div.AdminHeader div
{
    padding:6px 5px;
    height:13px;
    float:left;
}

div.AdminHeader a
{
    text-decoration: none;
    color: #ddd;
    display:block;
    float:left;
    padding: 6px 5px;
    font-weight: bold;
    height:13px;
    font-size: 11px;
}

div.AdminHeader .TopMenuItemHover,
div.AdminHeader .MenuItemHover,
div.AdminHeader a:hover,
div#ModeButtons a.Selected
{
    background-image: url(../../images/relational/glass.orange.24.gif);
    text-decoration: none;
    color: white;
    cursor: pointer;
}

div.AdminHeader span.Separator
{
    width: 0px;
    height: 25px;
    display:block;
    float:left;
    border-left: 1px solid #000000;
    border-right: 1px solid #4C4C4C;
}

/******************************** View Mode Menu (simple) */


div#ModeSwitch
{
    float:right;
    padding:0;
}

div#CurrentModeLabel
{
}

div#ModeButtons
{
    float: left;
    display: block;
    padding: 0;
    border-left: 1px solid #000000;
}

div#ModeButtons a
{
    display:block;
    float:left;
    padding: 7px 6px 5px 6px;
    height: 13px;
    border-left: 1px solid #4C4C4C;
    border-right: 1px solid #000000;
}

div#ModeButtons a:hover
{
}

div#ModeButtons img
{
}

div#ModeButtons a.Selected
{
    border-left: 1px solid #DC8E27;
    border-right: 1px solid #C2750E;
}

div.AdminHeader div#ModeButtons a:hover
{
    background-image: url(../../images/relational/glass.AdminKhaki.24.gif);
    border-left: 1px solid #808080;
    border-right: 1px solid #333333;
}


/***************************************************************** EDITING TOOLS */

.EditingTools
{
    clear: both;
    font-family: 'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
    left: -3px;
    padding: 0;
    position: absolute;
    opacity: 50;
    top: -3px;
    z-index: 999;
}

div.EditableZone:hover .EditingTools,
div.ChangedEditableZone:hover .EditingTools,
div.NewEditableZone:hover .EditingTools
{
    opacity: 100;
}

.EditingTools a,
.EditingTools a.ApproveButton
{
    display: inline-block !important;
    height: 17px !important;
    width: 17px !important;
    padding: 0 !important;
    background-color: #2625AB;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    margin: 0 3px 0 0 !important;
}

.EditingTools a:hover
{
    background-color: #0000FF;
    text-decoration: none;
}

.EditingTools a.EditButton
{
    background-image: url(../../images/relational/edit.small.png);
}
.EditingTools a.ApproveButton
{
    background-image: url(../../images/relational/check.small.png);
}
.EditingTools a.UpButton
{
    background-image: url(../../images/relational/tool.up.gif);
}
.EditingTools a.DownButton
{
    background-image: url(../../images/relational/tool.down.gif);
}

a.EditingTool span
{
    background-color: #2625AB;
}

a.EditingTool:hover span
{
    background-color: #0000FF;
}

/*********** Editable zone */

div.EditableZone,
div.ChangedEditableZone,
div.NewEditableZone
{
    border: 3px solid #E9E9F7;
    margin:-3px;
    clear: both;
    display: block;
    min-height: 17px;
    position: relative;
}

div.EditableZone:hover
{
    border-color: #BEBEE6;
}
div.ChangedEditableZone
{
    border-color: #FCF0F0;
}
div.ChangedEditableZone:hover
{
    border-color: #E36C6C;
}
div.NewEditableZone
{
    border-color: #F0F6F0;
}
div.NewEditableZone:hover
{
    border-color: #6CA86C;
}


/******************************* BUTTONS */

a.Button
{
    background: transparent url(../../images/relational/Button.Background.17.png) no-repeat top right;
    color: #444 !important;
    display: block;
    font-size: 10px;
    height: 17px;
    line-height: 16px;
    margin-right: 5px;
    margin-bottom: 2px;
    padding-left: 21px;
    padding-right: 10px;
    position: relative;
    width: auto;
    white-space: nowrap;
    z-index: 1 !important;
    float:left;
}

a.Button span
{
    background-color: #D1C2AB;
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    left: 0px;
    position: absolute;
    top: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    cursor: pointer;
    background-repeat: no-repeat;
}

a.Button:hover
{
    text-decoration: none;
    background-image: url(../../images/relational/Button.Background.Dark.17.png);
    color: Black !important;
}

a.Button:hover span
{
    background-color: #D8820F;
}

/* Large buttons */

a.Button.Large
{
    height: 23px;
    font-weight: bold;
    padding-left: 29px;
    padding-right: 13px;
    background-image: url(../../images/relational/Button.Background.23.png);
    line-height: 23px;
    font-size: 12px;
}

a.Button.Large span
{
    width: 23px;
    height: 23px;
}

a.Button.Large:hover
{
    background-image: url(../../images/relational/Button.Background.Dark.23.png);
}

a.Button.Large:hover span
{
}


/* Other buttons */

a.Button.NoText
{
    padding: 0 !important;
    margin: 0 !important;
    clear: none !important;
    background-image: none !important;
    width: 17px;
}

a.Button.NoText:hover
{
    background-image: none !important;
}

 
a.Button.Add span { background-image: url(../../images/relational/Add.small.png); }
a.Button.Large.Add span { background-image: url(../../images/relational/Add.big.png); }

 
a.Button.Alert span { background-image: url(../../images/relational/Alert.small.png); }
a.Button.Large.Alert span { background-image: url(../../images/relational/Alert.big.png); }

 
a.Button.Book span { background-image: url(../../images/relational/Book.small.png); }
a.Button.Large.Book span { background-image: url(../../images/relational/Book.big.png); }

 
a.Button.Calc span { background-image: url(../../images/relational/Calc.small.png); }
a.Button.Large.Calc span { background-image: url(../../images/relational/Calc.big.png); }

 
a.Button.Cart span { background-image: url(../../images/relational/Cart.small.png); }
a.Button.Large.Cart span { background-image: url(../../images/relational/Cart.big.png); }

 
a.Button.Check span { background-image: url(../../images/relational/Check.small.png); }
a.Button.Large.Check span { background-image: url(../../images/relational/Check.big.png); }

 
a.Button.Down span { background-image: url(../../images/relational/Down.small.png); }
a.Button.Large.Down span { background-image: url(../../images/relational/Down.big.png); }

 
a.Button.Drag span { background-image: url(../../images/relational/Drag.small.png); }
a.Button.Large.Drag span { background-image: url(../../images/relational/Drag.big.png); }

 
a.Button.Edit span { background-image: url(../../images/relational/Edit.small.png); }
a.Button.Large.Edit span { background-image: url(../../images/relational/Edit.big.png); }

 
a.Button.EndDown span { background-image: url(../../images/relational/EndDown.small.png); }
a.Button.Large.EndDown span { background-image: url(../../images/relational/EndDown.big.png); }

 
a.Button.EndLeft span { background-image: url(../../images/relational/EndLeft.small.png); }
a.Button.Large.EndLeft span { background-image: url(../../images/relational/EndLeft.big.png); }

 
a.Button.EndRight span { background-image: url(../../images/relational/EndRight.small.png); }
a.Button.Large.EndRight span { background-image: url(../../images/relational/EndRight.big.png); }

 
a.Button.EndUp span { background-image: url(../../images/relational/EndUp.small.png); }
a.Button.Large.EndUp span { background-image: url(../../images/relational/EndUp.big.png); }

 
a.Button.Exclamation span { background-image: url(../../images/relational/Exclamation.small.png); }
a.Button.Large.Exclamation span { background-image: url(../../images/relational/Exclamation.big.png); }

 
a.Button.Eye span { background-image: url(../../images/relational/Eye.small.png); }
a.Button.Large.Eye span { background-image: url(../../images/relational/Eye.big.png); }

 
a.Button.Flag span { background-image: url(../../images/relational/Flag.small.png); }
a.Button.Large.Flag span { background-image: url(../../images/relational/Flag.big.png); }

 
a.Button.FriendAdd span { background-image: url(../../images/relational/FriendAdd.small.png); }
a.Button.Large.FriendAdd span { background-image: url(../../images/relational/FriendAdd.big.png); }

 
a.Button.Friends span { background-image: url(../../images/relational/Friends.small.png); }
a.Button.Large.Friends span { background-image: url(../../images/relational/Friends.big.png); }

 
a.Button.GoDown span { background-image: url(../../images/relational/GoDown.small.png); }
a.Button.Large.GoDown span { background-image: url(../../images/relational/GoDown.big.png); }

 
a.Button.GoLeft span { background-image: url(../../images/relational/GoLeft.small.png); }
a.Button.Large.GoLeft span { background-image: url(../../images/relational/GoLeft.big.png); }

 
a.Button.GoRight span { background-image: url(../../images/relational/GoRight.small.png); }
a.Button.Large.GoRight span { background-image: url(../../images/relational/GoRight.big.png); }

 
a.Button.GoUp span { background-image: url(../../images/relational/GoUp.small.png); }
a.Button.Large.GoUp span { background-image: url(../../images/relational/GoUp.big.png); }

 
a.Button.Inbox span { background-image: url(../../images/relational/Inbox.small.png); }
a.Button.Large.Inbox span { background-image: url(../../images/relational/Inbox.big.png); }

 
a.Button.Key span { background-image: url(../../images/relational/Key.small.png); }
a.Button.Large.Key span { background-image: url(../../images/relational/Key.big.png); }

 
a.Button.Left span { background-image: url(../../images/relational/Left.small.png); }
a.Button.Large.Left span { background-image: url(../../images/relational/Left.big.png); }

 
a.Button.Mail span { background-image: url(../../images/relational/Mail.small.png); }
a.Button.Large.Mail span { background-image: url(../../images/relational/Mail.big.png); }

 
a.Button.No span { background-image: url(../../images/relational/No.small.png); }
a.Button.Large.No span { background-image: url(../../images/relational/No.big.png); }

 
a.Button.Online span { background-image: url(../../images/relational/Online.small.png); }
a.Button.Large.Online span { background-image: url(../../images/relational/Online.big.png); }

 
a.Button.Out span { background-image: url(../../images/relational/Out.small.png); }
a.Button.Large.Out span { background-image: url(../../images/relational/Out.big.png); }

 
a.Button.Pages span { background-image: url(../../images/relational/Pages.small.png); }
a.Button.Large.Pages span { background-image: url(../../images/relational/Pages.big.png); }

 
a.Button.Pages span { background-image: url(../../images/relational/Pages.small.png); }
a.Button.Large.Pages span { background-image: url(../../images/relational/Pages.big.png); }

 
a.Button.PDF span { background-image: url(../../images/relational/PDF.small.png); }
a.Button.Large.PDF span { background-image: url(../../images/relational/PDF.big.png); }

 
a.Button.Person span { background-image: url(../../images/relational/Person.small.png); }
a.Button.Large.Person span { background-image: url(../../images/relational/Person.big.png); }

 
a.Button.Pics span { background-image: url(../../images/relational/Pics.small.png); }
a.Button.Large.Pics span { background-image: url(../../images/relational/Pics.big.png); }

 
a.Button.Print span { background-image: url(../../images/relational/Print.small.png); }
a.Button.Large.Print span { background-image: url(../../images/relational/Print.big.png); }

 
a.Button.Question span { background-image: url(../../images/relational/Question.small.png); }
a.Button.Large.Question span { background-image: url(../../images/relational/Question.big.png); }

 
a.Button.Quote span { background-image: url(../../images/relational/Quote.small.png); }
a.Button.Large.Quote span { background-image: url(../../images/relational/Quote.big.png); }

 
a.Button.Quotes span { background-image: url(../../images/relational/Quotes.small.png); }
a.Button.Large.Quotes span { background-image: url(../../images/relational/Quotes.big.png); }

 
a.Button.Right span { background-image: url(../../images/relational/Right.small.png); }
a.Button.Large.Right span { background-image: url(../../images/relational/Right.big.png); }

 
a.Button.Rss span { background-image: url(../../images/relational/Rss.small.png); }
a.Button.Large.Rss span { background-image: url(../../images/relational/Rss.big.png); }

 
a.Button.Rss2 span { background-image: url(../../images/relational/Rss2.small.png); }
a.Button.Large.Rss2 span { background-image: url(../../images/relational/Rss2.big.png); }

 
a.Button.Save span { background-image: url(../../images/relational/Save.small.png); }
a.Button.Large.Save span { background-image: url(../../images/relational/Save.big.png); }

 
a.Button.Search span { background-image: url(../../images/relational/Search.small.png); }
a.Button.Large.Search span { background-image: url(../../images/relational/Search.big.png); }

 
a.Button.Star span { background-image: url(../../images/relational/Star.small.png); }
a.Button.Large.Star span { background-image: url(../../images/relational/Star.big.png); }

 
a.Button.Straight span { background-image: url(../../images/relational/Straight.small.png); }
a.Button.Large.Straight span { background-image: url(../../images/relational/Straight.big.png); }

 
a.Button.Tag span { background-image: url(../../images/relational/Tag.small.png); }
a.Button.Large.Tag span { background-image: url(../../images/relational/Tag.big.png); }

 
a.Button.Threaded span { background-image: url(../../images/relational/Threaded.small.png); }
a.Button.Large.Threaded span { background-image: url(../../images/relational/Threaded.big.png); }

 
a.Button.ThumbsDown span { background-image: url(../../images/relational/ThumbsDown.small.png); }
a.Button.Large.ThumbsDown span { background-image: url(../../images/relational/ThumbsDown.big.png); }

 
a.Button.ThumbsUp span { background-image: url(../../images/relational/ThumbsUp.small.png); }
a.Button.Large.ThumbsUp span { background-image: url(../../images/relational/ThumbsUp.big.png); }

 
a.Button.Up span { background-image: url(../../images/relational/Up.small.png); }
a.Button.Large.Up span { background-image: url(../../images/relational/Up.big.png); }

 
a.Button.Vdown span { background-image: url(../../images/relational/Vdown.small.png); }
a.Button.Large.Vdown span { background-image: url(../../images/relational/Vdown.big.png); }

 
a.Button.Video span { background-image: url(../../images/relational/Video.small.png); }
a.Button.Large.Video span { background-image: url(../../images/relational/Video.big.png); }

 
a.Button.Vleft span { background-image: url(../../images/relational/Vleft.small.png); }
a.Button.Large.Vleft span { background-image: url(../../images/relational/Vleft.big.png); }

 
a.Button.Vright span { background-image: url(../../images/relational/Vright.small.png); }
a.Button.Large.Vright span { background-image: url(../../images/relational/Vright.big.png); }

 
a.Button.Vup span { background-image: url(../../images/relational/Vup.small.png); }
a.Button.Large.Vup span { background-image: url(../../images/relational/Vup.big.png); }

 
a.Button.X span { background-image: url(../../images/relational/X.small.png); }
a.Button.Large.X span { background-image: url(../../images/relational/X.big.png); }





/******************************* DUMMY BUTTONS */

/* Displayed when a WaitButton is clicked (to provide feedback while preventing double-postbacks) */

a.DummyButton,
a.DummyButton:hover
{
    color: gray !important;
    font-weight: normal !important;
}

a.DummyButton span,
a.DummyButton:hover span
{
    background-color: white !important;
}

a.DummyButton img
{
    position: relative;
    top: 1px;
    margin-right: 3px;
    border: none !important;
}


/****************************************************** SPECIFIC TO ePeerReview.com*/


/* User info */

div#UserInfo
{
    position:absolute;
    top:72px;
    right:10px;
    z-index:2;
    color:#ABA49A;
}

div#UserInfo a
{
    font-weight:normal;
    color:#6B6660;
}

div#UserInfo a:hover
{
    color:Black;
    text-decoration:underline;
}

/* Public */

div#PublicBody
{
    width:500px;
    padding:15px;
}

div#PublicBody h1
{
    font-family:'Segoe UI,'Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    font-size:26px;
    line-height:28px;
    position:absolute;
    top:45px;
    left:15px;
    color:White;   
}


/* Quick links */

.QuickLinks
{
    display:block;
    vertical-align:top;
    clear:both;
    height:60px;
    margin-top:15px;
    border:2px solid white;
    width:350px;
    padding:5px 5px 10px 5px;
    color:Gray;
    line-height:12px;
    font-weight:normal;
}

.QuickLinks a.Button
{
    margin-top:5px;
}

.QuickLinks img.QuickLinkIcon
{
    float:left;
    border:0;
    margin-right:10px;
    margin-bottom:20px;
}

.QuickLinks strong
{
    display:block;
    margin-bottom:6px;
    font-family:Georgia,'Times New Roman',Times,serif;
    color:Black;
    font-size:18px;
    line-height:18px;
    font-weight:normal;
}

a.QuickLinks:hover
{
    color:Black;
    background:#FBFAF9;
    border:2px solid #D8820F;
}

.QuickLinks:hover strong
{
    color:#333333;
}



/* Review listings */

div.ReviewListing 
{
    border:1px solid #D6CDC1;
    border-top-width:3px;
    padding:10px;
    margin:8px 0px;
    background-color:White;
}

div.ReviewListing td
{
    vertical-align:top;
    border:0;
}

div.ReviewListing td.Chapter,
div.ReviewListing td.Reviewer
{
    background-image:url(../../images/dingbats/dots.2.gif);
    background-repeat:repeat-x;
    background-position:0 0;
    padding-top:5px;
}


div.ReviewListing td.Volume
{
    font-weight:bold;
    text-transform:uppercase;
    color:#666;
}

div.ReviewListing td.Chapter
{
    font-size:16px;
    line-height:18px;
    margin:0;
    font-weight:bold;
    padding-right:5px;
}

div.ReviewListing td.Chapter strong
{
    font-size:15px;
}

div.ReviewListing td.Reviewer p
{
    width:200px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../../images/relational/person.gray.gif);
	background-color:Transparent;
	padding-left:15px;
	font-size:10px;
}

div.ReviewListing td.Reviewer strong
{
    font-weight:bold;
    font-size:11px;
}

div.ReviewListing td.Reviewer a.BulletLinkOut
{
    background-position:0 2px;
    padding-left:12px;
}

div.ReviewListing  span.Reference
{
    font-family:'Segoe UI,'Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size:10px;
    clear:both;
    color:Gray;
    font-weight:normal;
    line-height:12px;
    padding-top:3px;
} 

div.ReviewListing  span.Reference strong
{
    text-transform:none;
    color:Black;
    font-weight:black;
    font-size:10px;
}

div.ReviewListing a.ChapterLink
{
    font-family:'Segoe UI,'Verdana,Arial,Helvetica,Geneva,sans-serif;
    line-height:12px;
    margin-top:2px;
    display:block;
}

div.ReviewListing div.Comment,
div.ReviewListing div.Response
{
    clear:both;
    display:block;
    background-image:url(../../images/dingbats/dots.3.gif);
    background-repeat:repeat-x;
    background-position:0 -2px;
    background-color:#FBFAF9;
    margin-top:10px;
    padding:10px;
    margin:10px -10px -10px -10px;
    line-height:12px;
	font-size:10px;
}

div.ReviewListing div.Comment a.Button
{
    margin-left:10px;
}

div.ReviewListing div.Comment p,
div.ReviewListing div.Response p
{
    margin:6px 0!important;
}

div.ReviewListing div.Response
{
    font-style:italic;
}

div.ReviewListing td.EditButton
{
    padding-bottom:3px;
}

div.ReviewListing td.EditButton a.Button
{
    float:right;
}



/***************************************************************** EDITING TOOLS */

.EditingTools
{
	font-family:'Segoe UI',Verdana,Arial,Helvetica,Geneva,sans-serif;;
	float:right;
}

.EditingTools a,
.EditingTools a.ApproveButton
{
	display:inline-block!important;
	font-size:9px!important;
	line-height:10px!important;
    font-weight:bold!important;
	color:Black!important;
    height:15px!important;
    width:15px!important;
    padding:0 3px 0 0!important;
    background-repeat:no-repeat!important;
    margin:0!important;
    border:none;
}

.EditingTools a:hover
{
    font-weight:bold;
	color:Black;
}

.EditingTools a.EditButton
{
    background-image:url(../../images/cwt/tool.edit.gif);
}

.EditingTools a.EditButton:hover
{
    background-image:url(../../images/cwt/tool.edit.over.gif);
}

.EditingTools a.ApproveButton
{
    background-image:url(../../images/cwt/tool.approve.gif);
}

.EditingTools a.ApproveButton:hover
{
    background-image:url(../../images/cwt/tool.approve.over.gif);
}

.EditingTools a.UpButton
{
    background-image:url(../../images/cwt/tool.up.gif);
}

.EditingTools a.UpButton:hover
{
    background-image:url(../../images/cwt/tool.up.over.gif);
}

.EditingTools a.DownButton
{
    background-image:url(../../images/cwt/tool.down.gif);

}

.EditingTools a.DownButton:hover
{
    background-image:url(../../images/cwt/tool.down.over.gif);

}



li.EditingTools
{
	top:3px;



}

.EditingTools a img
{
	padding:2px 3px 1px 3px;	
	vertical-align:middle;
}

/*********** Editable zone */

div.EditableZone,
div.ChangedEditableZone,
div.NewEditableZone
{
    border:3px solid #BEBEE6;
    display:block;
    clear:both;
    margin-bottom:2px;
}
    
div.ChangedEditableZone
{
    border-color:#E36C6C;
}

div.NewEditableZone
{
    border-color:#6CA86C;
}    

/* Round Filter */
div.RoundFilter
{
    position:absolute;
    top:105px;
    right:5px;
}