/*
Copyright (c) 2007-2010 Trio of Love

    Purple (default) Theme Basic Colors:

    #421C52 (Darkest)
    #732C7B
    #9C8AA5
    #BDAEC6
    #FFFFFF (Lightest)

*/

/* Customization Hints:

.Logo - if you change the image, set the height and width of the class to the same 
		dimensions as the image.


*/
a
{
	color:#421C52;
}
body 
{
	font-family: Verdana;
	font-size: 10pt;
	color: #421C52;
}

p
{
	text-align:left;
}

ul 
{
	text-align: left;
}

TD
{
	vertical-align:top;
}
.Button
{
	background-color: #421C52;
	color: #BDAEC6;
	border: solid 1px #BDAEC6;
}

/***************************************
## Data Entry formatting
***************************************/

.DataEntryLabel
{
	width: 120px;
	white-space: nowrap;
	display:inline-block;
	text-align:right;
}
.DataEntryField
{
	width: 150px;
}
OL.DataEntry
{
	 list-style: none;
}

.ErrorMessage
{
	color: Red;
}
/***************************************
## Page Container and Panel Layout
***************************************/
.PageContainer
{
	width: 800px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.LeftPanel
{
	margin-top: 10px;
	margin-left:auto;
	float: left;
	width: 480px;
	border: none;
}

.RightPanel
{
	margin-top: 10px;
	margin-right:auto;
	width: 300px;
	vertical-align:top;
	float: right;
	border: none;
}
.panel
{
	padding: 0px 0px 0px 0px;
	border: solid 1px #BDAEC6;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: center;	
}

.AppTitle
{
	background: #FFFFFF url(images/AppTitleBackground.png);
	font-weight: bolder;
}


.SingleContentPanel
{
	width: 800px;
	text-align: center;
	clear:both;
	vertical-align: top;

}

.ClearFloat
{
	clear: left;
}

/** TODO: potentially get rid of itempanel */
.ItemPanel
{
	border: solid 1px #421C52;
}
/***************************************
## HEADER Layout
***************************************/
.Header
{
	text-align: center;
}
.Logo
{
	background: #FFFFFF url(images/Logo.png);
	display: block;
	width:60px;
	height:45px;
	float:left;
}
.MiddleHeaderPanel
{
	float:left;
	vertical-align:top;
	text-align:center;
	display: block;
	background: #FFFFFF url(images/Banner.png);
	width: 359px;
	height: 29px;
}
.LoginPanel
{
	float:right;
	text-align:right;
	vertical-align:top;
}


/***************************************
## FOOTER Layout
***************************************/
.Footer
{
	font-size: smaller;
	text-align: center;
	margin-top:40px;

	clear: both;
}




/***************************************
## CSS Friendly Adapter layout 
***************************************/
/*** CSS Friendly Adapter layout */
.MenuContainer
{
	float: left;
        width: 100%;
}

.SimpleMenu
{
    padding: 0 0 0 32px;
    margin: 0;
    list-style: none;
    height: 36px;
    background: #fff url(images/menubkgd.gif);
    position: relative;
    border: 1px solid #003399;
    border-width: 0 1px;
    border-bottom: 1px solid #003399;
}
.SimpleMenu li
{
    float: left;
}
.SimpleMenu li a
{
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 8px;
    cursor: pointer;
}
.SimpleMenu li a b
{
    float: left;
    display: block;
    padding: 0 16px 0 8px;
}
.SimpleMenu .AspNet-Menu-Selected a
{
    color: #fff;
    background: url(images/button3-1.gif);
}
.SimpleMenu .AspNet-Menu-Selected a b
{
    background: url(images/button3-1.gif) no-repeat right top;
}
.SimpleMenu li a:hover
{
    color: #000000;
    background: #000 url(images/button2-1.gif);
}
.SimpleMenu li a:hover b
{
    background: url(images/button2-1.gif) no-repeat right top;
}
.SimpleMenu .AspNet-Menu-Selected a:hover
{
    color: #fff;
    background: #000 url(images/button3-1.gif);
    cursor: default;
}
.SimpleMenu .AspNet-Menu-Selected a:hover b
{
    background: url(images/button3-1.gif) no-repeat right top;
}

#preload { background-image: url(images/button2-1.gif); visibility: hidden;}
#makeViewable { visibility:visible;}

/**************************************************************
* Left Side Bar
**************************************************************/

div.LeftSideBar
{
	float:left;
	background-color: #421C52;
	
}

.LeftSideBar OL
{
	list-style: none;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.LeftSideBar OL LI
{
	padding-bottom: 15px;
	
}
.LeftSideBar OL LI A
{
	color: #FFFFFF;
}

/******************************
* Watermark controls
******************************/
.Watermark
{
	color: #9C8AA5;
}

/************************************
* Panel Specific CSS
************************************/
.TrioCheckLeft
{
	float:left;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 5px;
}
.TrioCheckRight
{
	float:right;
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

.NewsList
{
	text-align: left;
	padding: 0px 0px 10px 10px;
}

.NewsList OL
{
	 list-style: none;
}

/***************************************************
* CSS for the PhotoPreviewer
***************************************************/
.PhotoViewer
{
	width:100%;
}
.PhotoViewPane
{
	border: 1px solid #9C8AA5;
	margin-bottom: 10px;
	text-align: center;
	vertical-align: top;
	
	position:relative;
	
	height: 432px;
	height/* */:/**/420px;
	height: /**/420px;
}
.PhotoViewPane img
{
	line-height:400px;
}
.ImageCaption
{
	text-align:center;
	font-size: medium;
	
}
.PreviewContainer
{
	
	width:100%; /* entire width of the containing panel */
	height: 102px; /* height of the images +2 */
	border: 1px solid #9C8AA5;
	position:relative;
	overflow:hidden;
	padding: 1px;
	
	height: 104px;
	height/* */:/**/102px;
	height: /**/102px;
}

.PreviewLeftArrow 
{
	position:absolute;
	left:0px;
	z-index: 10;
	padding:1px;
}
.PreviewRightArrow 
{
	position:absolute;
	right:0px;
	z-index: 10;
	padding: 1px;
}
.PreviewLeftArrowMouseOver
{
	visibility: hidden;
}
.PreviewRightArrowMouseOver
{
	visibility: hidden;
}

.ImagePreviewer
{
	position:absolute;
	width:100000px;
	height:100px;
	left:40px;
}

.ImagePreviewer img
{
	float: left;
	padding:1px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	width: 100px;
	height: 100px;
	cursor: pointer;
	border: 0px;
	
	
}
.EndPreviewer
{
	float:left;
}

.AlternateRow
{
	background-color:#BDAEC6;
}

.uploadImage
{
	width:100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.myPhotoContainer
{
	margin: 10px 10px 10px 10px;
	float:left;
}
.myPhotoOptionsContainer
{
	margin: 10px 10px 10px 10px;
	float:right;
}
.ApprovedPhoto
{
	width: 100%;
}

.UnapprovedPhoto
{
	background: Red;
	width: 100%;
}

.UnderReviewPhoto
{
	background: #BDAEC6;
	width: 100%;
}
.MediumPhoto
{
	border: solid 2px #BDAEC6;
	padding: 2px 2px 2px 2px;
	text-align:center;
	position: relative;
}
.ThumbNailContainer
{
	width: 150px;
	height: 170px;
	margin-right: 2px;
	
}
.ThumbNailContainer a
{
	height: 170px;
}
.SearchUsername
{
	position:absolute;
	bottom: 0px;
	vertical-align:bottom;
	text-align:center;
}
/* When using tables to display various element, use this
	on a TR to provide some spacing between rows 
	containing the a new section */
.NewTableSection
{
	height: 10px;
}

.NewSection
{
	margin-top: 15px;
}
.SectionText
{
	text-align:left;
	padding: 1px 6px 1px 6px;
}

/*****
* Style for Join now
*/
.Wizard
{
	background-color:#BDAEC6;
	color: #421C52;
	border: solid 1px #421C52;
	width: 800px;
}
.SideBar
{
	
	
	font-size: 10pt;
	text-align:left;
	vertical-align:top;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-top: 20px;
	
}

.SideBarSelected
{
	font-weight: bold;
}
.SideBar div table tbody tr td
{
	padding-bottom: 14px;
}

.WizardStepStyle
{
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom: 20px;
	width: 600px;
	height: 400px;
}
.PhotoImage
{
	text-align: center;
}
TD.DataEntryLabel 
{
	width: 120px;
	white-space: nowrap;
	display:block;
	vertical-align: top;
}
/*
TD.DataEntryField
{
	
	text-align: left;
	vertical-align: top;
}
TD.DataEntryField 
{
	
	text-align: left;
	vertical-align: top;
}
TD.ErrorMessage
{
	width: 150px;
}
*/

.JoinNowDataEntryLabel
{
	text-align: right;
}
.JoinNowDataEntryField
{
	text-align: left;
}
.ErrorMessage
{
	width: 200px;
}
.WizardSectionSeperater
{
	padding-top:20px;
}
.photos
{
	height:100px;
	width: 100px;
}
table.NavigationStyle tbody tr td
{
	width: 300px;
}

.JoinNowTextMultiRow
{
	height: 120px;
	width: 200px;
}