h1 { font: 14px arial; color: #4BA0D2; border-bottom:1px solid #D6D7D9; }


/* -------------------------------------------
   Generic Content Boxes
   ------------------------------------------- */
html
{
	overflow-y: scroll; 
}

body
{
	font: 12px arial;
}

.spacer {width:100%;clear: both; }

.GenericBox
{
	float:left;
	position:relative;

}

.GreyHeaderBox2
{
	padding: 5px 10px 5px 10px;
	background-color: #F4F4F4;
	float:left;
	color: #949494;
	font: bold 10px Arial;
}

.GreyBox
{
	border: 1px solid #DADADA;
	background-color: #F8F8F8;
	padding: 10px 10px 10px 10px;
	float:left;
}

.GreyHeaderBox
{
	border: 1px solid #DADADA;
	width:600px
}

/* -------------------------------------------
   Custom Content Boxes
   ------------------------------------------- */

.SignupMainContainer
{
	float:left;
	padding-left:70px; 
	padding-top:30px; 
	padding-bottom:50px;
	width:765px;
}
.SignupBorderBox
{
	border:1px solid #B6DAEB;
	float:left;
}
.SignupBlueHeaderBox
{
	border-bottom:1px solid #B6DAEB;
	width:750px;
	background-color:#E2F1F8;
	padding:7px;
	font:bold 12px arial;
	color:#535353
}
.SignupMainContent
{
	width:740px;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}
#SignupContinueBox
{
	padding-top:20px;
	padding-bottom:5px;
	float:right;
}
.SignupPageRow
{
	font: bold 12px arial;
	color:  #000000;
	float:left;
	padding-bottom:10px;
	padding-top: 6px;
}

.SignupPageFirstColumn
{
	width:200px;
	float:left;
	padding-right:20px;
	padding-top:2px;
	text-align:right;
}

.SearchPageFirstColumn
{
	width:120px;
	float:left;
	padding-right:20px;
	padding-top:2px;
	text-align:right;
}

.JoinPageRow
{
	float:left;
	width:725px;
	font: 14px arial;
	color:  #000000;
	padding-bottom:10px;
	padding-top: 6px;
	padding-left:20px;
}

.SearchPageRow
{
	font: 12px arial;
	color:  #5B5D5F;
	float:left;
	padding-bottom:10px;
}

.FormFieldRow
{
	width: 100%;
	height: 35px;
}

.FormFieldCell
{
    width: 121px;
    height: 30px;
    text-align: right;
    vertical-align: top;
    padding-top: 10px;
}

.MainContent
{
	float: left;
	padding: 10px 0px 0px 30px;
	width:100%;
}

.MessageSent
{
	padding: 30px 30px 30px 30px;
	width:480px;
	margin-left: 27px;
	height:60px;
	font: bold 18px Arial;
	color:#D9680D;
	background-color: white;
	border: 1px solid #E4E4E4;
	line-height: 1.5;
	text-align:center;
}

.CropBox
{
	width:544px;
	float:left;
	width:400px;
	left:275px;
	top:125px;
	position:absolute;
}

.GreyHeaderBox
{
	border: 1px solid #CACACA;
	float:left;
}

.GreyHeaderBoxHeader
{
	padding: 2px 2px 2px 5px;
	background-color:#ECECEC;
	font: bold 10px arial;
	color: Black;
	height:15px;
	border-bottom: 1px solid #CACACA;
}

.GreyHeaderBoxBody
{
	padding: 12px 12px 12px 12px;
	background-color:#FFFFFF;
}

.BlueHeaderBox
{
	border: 1px solid #CACACA;
	width:544px;
	margin-left:25px;
	float:left;
}

.BlueHeaderBoxHeader
{
	width:540px;
	padding: 2px 2px 2px 2px;
	background-color:#8CC4DE;
	font: bold 12px arial;
	color: White;
}

.BlueHeaderBoxBody
{
	width:529px;
	padding: 12px 12px 12px 12px;
	background-color:#FFFFFF;
}

.QuoteBoxSmall
{
	float: left;
	padding: 0px 10px 11px 25px;
	width: 540px;
}

.QuoteBoxSmallTop
{
	float: left;
	width: 540px;
	height: 22px;
	background-image: url(images/backgrounds/smallquotetop.gif); 
	background-repeat: no-repeat;
	background-position: right top;
}

.QuoteBoxSmallMiddle
{
	float: left;
	width: 540px;
	background-image: url(images/backgrounds/smallquotemiddle.gif); 
	background-repeat: repeat-y;
	background-position: right top;
}

.QuoteBoxSmallBottom
{
	float: left;
	width: 540px;
	height: 67px;
	background-image: url(images/backgrounds/smallquotebottom.gif); 
	background-repeat: no-repeat;
	background-position: right top;
}

.QuoteBox
{
	float: left;
	width: 350px;
	height: 320px;
	padding: 11px 10px 11px 50px;
	background-image: url(images/backgrounds/quoteback.gif); 
	background-repeat: no-repeat;
	background-position: right top;
}

.PlusMinus
{
	width:110px;
	float: left;
	height: 23px;
	text-align: right;
	padding-top: 2px;
	background-image: url(images/backgrounds/PlusMinusTab.gif); 
	background-repeat: no-repeat;
	background-position: right bottom;
}
.PlusMinus a
{
	text-decoration: none;
	font: bold 20px Stencil;
	color: white; 
}

.EditPhotoThumbTop
{
	padding-top: 20px;
	float: left;
	height: 110px;
	text-align: center;
	width:110px;
	overflow:hidden;
}

.EditPhotoThumb
{
	height: 155px;
	width:110px;
	border:1px solid #CDCDCD;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
}

.PhotoBoxSmall
{
	width:180px;
	border:1px solid #CDCDCD;
	padding: 7px 7px 4px 7px;
	float: left;
}

.PhotoBox
{
	width:250px;
	border:1px solid #CDCDCD;
	padding: 11px 11px 11px 11px;
	float: left;
}

.ThumbBox
{
	width:95px;
	border:1px solid #CDCDCD;
	padding: 2px;
	float: left;
	height:95px;
}

.UserDataBox 
{
	width:300px;
	float:left;
	font:Arial;
}

.LanguageColumn
{
	width:200px;
}

.TabsContent 
{
	float:left;
	font:Arial;
}

.ProfileContentMain
{
	width:  390px;
	border: 1px;
	float:  left;
	padding: 0px 25px 0px 0px;

}

.ProfileRightNavBar
{
	float:left;
	width:240px;
	padding-left: 10px;
	border-left: 1px solid #E4E4E4;
}

.SignupBoxMain
{

	padding: 5px 5px 5px 10px;
	margin:0 auto;
	width:740px;
	background-color: #FFFFFF;
	background-image: url(images/pageelements/freeflag.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border: 6px solid #EEEEEE;


}

.SearchCheckBoxContainer
{
	float:left;
	position:relative;
	width: 200px;
}

.CheckBoxPanel
{
	font: 11px Verdana;
	color:#5B5B5B;
	float:left;
	width: 480px;
}

.SearchButtonBox
{
	float:left;
	text-align:right;
	padding-top:20px;
	width:600px;
}

.SearchCheckBoxBox
{
	padding-left:10px;
	width: 180px;

}

.RightNavBar
{
}

/* -------------------------------------------
   Lists
   ------------------------------------------- */

.IconList
{
	float: left;
}

.IconList ul
{
	padding-left: 0;
	margin: 3px 0px 2px 0px;
}

.IconList a
{
	font: 11px verdana;
	color: #9F9F9F;
	text-decoration: none;
}

.IconList li
{
	list-style: none;
	padding: 3px 0px 0px 20px;
	background-repeat: no-repeat;
	font: 11px verdana;
	color: #9F9F9F;
	height: 18px;
	background-position: 0em .3em;
}

.IconListAddFavorites
{
	background-image: url(images/icons/addfavorites.gif);
}
.IconListReportConcern
{
	background-image: url(images/icons/reportconcern.gif);
}
.IconListSendMessage
{
	background-image: url(images/icons/sendmessage.gif);
}
.IconListShowInterest
{
	background-image: url(images/icons/showinterest.gif);
}
.IconListLastLogin
{
	background-image: url(images/icons/pawn.gif);
}

.SmallList
{
	float:left;
	position:relative;
	margin-top: 0px;
	background-color: white;
	font: 12px arial;
	color: #878787;
	width: 300px;
	padding-top: 10px;
	line-height: 1.3;
}

.SmallList ul
{
	list-style: none;
	margin-left: 0px;
	padding-left:10px;
	margin-top: 0px;
}

.SmallList li		
{
	padding-left: 15px;
	background-image: url(images/icons/bluebullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.Links1
{
	width: 150px;
	float:left;
	position:relative;
	margin-top: 0px;
	background-color: white;
}

.Links1 ul
{
	list-style: none;
	margin-left: 0px;
	padding-left:10px;
	margin-top: 0px;

}

.Links1 li		
{
	padding-left: 15px;
	background-image: url(images/icons/bluebullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.Photos
{
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	width: 670px;
	list-style-type:none;
}

.Photos li
{
	float: left;	
	padding: 4.5px;
}

.PhotosThumbs
{
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
}

.PhotosThumbs li
{
	overflow: hidden;
	float: left;	
	height: 75px;
	width: 66px;
	padding: 4.5px;
}

/* -------------------------------------------
   Spans
   ------------------------------------------- */

.BlueHeaderUnderLine
{
	font: bold 18px arial;
	color: #8CC4DE; 
	border-bottom:1px solid #D6D7D9;
}

.BlackUnderLine
{
	font: bold 15px arial; 
	color: #717171; 
	border-bottom:1px solid #D6D7D9; 
}

.Label1
{
	font: bold 16px Arial;
	color: #868686;
}

.BigBlack
{
	font: normal 24px Arial;
	color: #585858;
}

.TextNarrative
{
	font: normal 14px Arial;
	color: #585858;
	line-height: 1.3;
}

.TextNarrative2
{
	font: normal 12px Arial;
	color: #585858;
	line-height: 1.3;
}

.NoResults
{
	margin-left: 0; 
	width: 600px;
	border: 1px solid #DADADA;
	background-color: #FFFFFF;
	padding: 15px 0px 15px 0px;
	text-decoration: none;
	color: #949494;
	font: 14px Arial;
	text-align: center;
}

.QuoteText {
	font: normal 14px Arial;
	padding: 0px 0px 0px 24px;
	background: transparent url(images/icons/leftquote.gif) no-repeat top left;
	background-position: 3px 0px;
	margin:0;
}

.UpdateMessageText
{
	font: 11px Verdana;
	color:#8CC4DE;
}

.ErrorText
{
	font: 12px Verdana;
	color:#FB0517;
}

.BlackCheckBox
{
	font: 11px Verdana;
	color:#5B5B5B;
}


.BigBlackText
{
	font: bold 16px Arial;
	color:#000000;
}

.BigBlueText
{
	font: bold 16px Arial;
	color:#76BBDC;
}

.BlueText
{
	font: 12px Verdana;
	color:#76BBDC;
}

.BlackLabel
{
	font: bold 12px Arial;
	color:#373737;
}

.BlackFormFieldLabel
{
	font: 14px Verdana;
	color: #362D37;
	text-align: right;
	padding-right: 12px;
}

.BlueFormFieldLabel
{
	font: 14px Verdana;
	color: #3968A2;
	text-align: right;
	padding-right: 12px;
}

.GreyTextSmall
{
	float: left;
	font: 11px Verdana;
	color: #B7B7B7; 
}

.GreyTextDark
{
	font: 14px Arial;
	color: #989898; 
}

.GreyTextBig
{
	font: 14px Arial;
	color: #B7B7B7; 
}

.GreyText 
{
	float: left;
	font: 11px Arial;
	color: #535353; 
	padding: 0px 10px 10px 3px;
}

.Text1 { font: 11px Verdana; }


/* -------------------------------------------
   Content Widgets  
   ------------------------------------------- */
   

/*  Tabs  */

.CharacterCountBox
{
	border:0;
	background-color:#F8F8F8;
	color:Gray;
}

.UnselectedHomePageLink
{
	float:right;
	width:123px;
	padding: 10px 15px 10px 5px;
	text-align:right;
}

.UnselectedHomePageLink a
{
	font: 13px arial;
	color: #000000;
	text-decoration:none;
}

.SelectedHomePageLink
{
	margin-right:-1px;
	float:right;
	width:123px;
	border:1px solid #B7DDF7;
	border-right:0;
	background-color:#F6FFFF;
	padding: 10px 15px 10px 5px;
	text-align:right;
}

.SelectedHomePageLink a
{
	font: bold 13px arial;
	color: #000000;
	text-decoration:none;
}


.SelectedHomePageTab
{
	float:left;
	width:80px;
	height:20px;
	background-color:#8CC4DE;
	text-align:center;
	padding-bottom:6px;
	padding-top:5px;	
}

.SelectedHomePageTab a
{
	font:bold 15px arial;
	color:#ffffff;
	text-decoration:none;
}

.UnselectedHomePageTab
{
	float:left;
	width:80px;
	height:20px;
	background-color:#FFFFFF;
	text-align:center;
	padding-bottom:6px;
	padding-top:5px;	
}

.UnselectedHomePageTab a
{
	font:bold 15px arial;
	color:#535353;
	text-decoration:none;
}

.SelectedTab
{
	float: left;
	border: 1px solid #C4C4C4;
	border-bottom-width: 0;
	margin: 0 0.3em 0 0;
	padding: 3px 13px 4px 13px;
	color: #828282;
	height: 17px;
	font: 14px arial;
	background-color: #8CC4DE;
	color: white;
}

.SelectedTab a
{
	color: white;
	text-decoration: none;
}

.UnselectedTab
{
	float: left;
	border: 1px solid #C4C4C4;
	border-bottom-width: 0;
	margin: 0 0.3em 0 0;
	padding: 3px 13px 4px 13px;
	height: 17px;
	font: 14px arial;
	background-image: url(images/backgrounds/GradientTabBack.gif); 
	background-repeat: repeat-x;
}

.UnselectedTab a
{
	color: #828282;
	text-decoration: none;
}
   
.SettingsRow
{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;

}   

.SettingsDescriptionColumn
{
	width:330px;
	float:left;
}
.SettingsUpdateColumn
{
	width:170px;
	float:left;
	vertical-align:middle;
}
.SettingsDescriptionColumn2
{
	width:180px;
	float:left;
}
.SettingsUpdateColumn2
{
	width:320px;
	float:left;
	vertical-align:middle;
}

.SettingsMessageColumn
{
	width:100px;
	float:left;
	padding-top:4px;
}

.ErrorBox
{
   border:1px solid #9CCEE7;
   padding: 10px;
   padding-left:20px; 
   background-color:#F3F9FC;
   font: 14px arial;
   margin-top: 5px;
   margin-bottom: 10px;
}

.SignupNowBox
{
	padding-top: 10px;
	padding-right: 25px;
	text-align:right;
	height: 190px;
	background-image: url(images/backgrounds/signupbox.png); 
	background-repeat: no-repeat;
	background-position: left top;
}
   
.ResultsPageLinkActive
{
	text-align:center;
	height: 19px;
	width: 22px;
	border:1px solid #CBCBCB;
	padding-top:3px;
	float:right;
	margin-left: 4px;
	text-decoration: none;
	color: #646464;
	font:bold 12px arial; 
}

.ResultsPageLinkInActive
{
	text-align:center;
	height: 19px;
	width: 22px;
	border:1px solid #EAEAEA;
	padding-top:3px;
	float:right;
	margin-left: 4px;
	text-decoration: none;
	color: #DBDBDB;
	font: 12px arial; 
}
   
#MessageListBox
{
	float:left;
	width: 620px;
}

.MessageListRow
{
	margin-top: 2px;
	float:left;
	border-bottom: 1px solid #DEE0E0;
	width: 600px;
	height:55px;
	padding-top: 5px;
}

.MessageListPhoto
{
	float:left;
	width: 64px;
}

.MessageListFrom
{
	float:left;
	padding-left: 5px;
	line-height: 0.2;
	width: 155px;
}

.MessageListSubject
{
	float:left;
	padding: 0px 20px 10px 10px;
	line-height: 0.2;
	width: 310px;
}

.MessageListDelete
{
	float:left;
	width: 15px;
	height: 50px;
	vertical-align: middle;
}

#ToDoListBox
{
	float: left;
	width: 210px;
	height: 150px;
	padding: 36px 10px 11px 49px;
	background-image: url(images/backgrounds/ToDoList.gif); 
	background-repeat: no-repeat;
	background-position: left top;
}

.ToDoHeader
{
	height: 21px;
	padding-top: 4px;
	font: bold 14px Arial;
}

.ToDoItem
{
	height: 24px;
	padding-top: 1px;
}

.ToDoItem a
{

	font: 14px Arial;
	color: #154097;
}

.GreyLineLight
{
	width:100%; 
	height:1px;
	border-top:1px solid #F4F4F4;
}

.BlueLine
{
	width:100%; 
	height:1px;
	border-top:1px solid #B5E3FF;
}

.GreyLine
{
	width:100%; 
	height:1px;
	border-top:1px solid #E4E4E4;
}

#NavButtonsMain
{
	padding: 7px 5px 7px 7px;
	background-repeat: repeat-x;
	background-image: url(images/backgrounds/bluegrad.jpg) ;
	border:1px solid #B6DAEB;
	width: 100%;
	float:left;
}

.NavButtonActive
{
	font: 14px arial ;
	color: #FFFFFF;
	border:1px solid #308FBE;
	height: 20px;
	text-decoration: none;
	padding: 2px 15px 2px 15px;
	background-color:#8CC4DE;
}

.NavButtonInActive
{
	padding: 2px 15px 2px 15px;
	font: 14px arial #6371A0;
	text-decoration: none;
	color: #6371A0;
}

/* Info Box Table */
.ProfileInfoBoxHeader
{
	background-color: #F6F6F6;
	border: 1px solid #E4E4E4;
	padding: 3px 2px 3px 2px;
	color: #9F9F9F;
	font: 12px arial;
	float:left;
	width: 230px;
}

.MyAccountInfoBoxRow  
{
	width: 100%;
	border-bottom: 1px solid #F0F0F0; 
	float:left;
}

.MyAccountInfoBoxLabel
{
	padding: 4px 2px 4px 2px;
	width: 140px;
	font: 11px Verdana;
	color: #686868;
	float:left;
}

.MyAccountInfoBoxItem
{
	float:left;
	font: 11px Verdana;
	color: black;
	padding: 4px 2px 4px 2px;
	float:left;
}

.ProfileInfoBoxContent
{
	float: left;
	width: 230px;
	padding-bottom: 30px;
}

.ProfileInfoBoxRow  
{
	width: 100%;
	border-bottom: 1px solid #F0F0F0;
	float:left;
}

.ProfileInfoBoxLabel
{
	padding: 4px 2px 4px 2px;
	width: 90px;
	font: 11px Verdana;
	color: #686868;
	float:left;
}

.ProfileInfoBoxItem
{
	width: 114px;
	float:left;
	font: 11px Verdana;
	color: black;
	padding: 4px 2px 4px 2px;
	float:left;
}

#BlueBanner
{
	float:left;
	width:100%;
	height: 35px;
	background-image: url(images/backgrounds/bluebanner.gif); 
	background-repeat: repeat-x;
	font: 11px Verdana;
}

/*  Tab Buttons  */
/* ---------------------------------- */

#TabButtonsBoxMain
{
	clear: both;
	float:left;
	width:600px;
	height: 100%;
	padding: 30px 25px 25px 25px;
	background-color: White;
}

.TabButton
{
	float:left;
	padding: 5px 5px 5px 5px;
}

.TabButton a {
	text-decoration: none;
	color: #949494;
	font: bold 10px Arial;
}

.TabButton .UnselectedTabButton {
	background-color: white;
	padding: 5px 5px 5px 5px;
	color: #949494;
	font: bold 10px Arial;
}

.TabButton .SelectedTabButton 
{
	padding: 5px 10px 5px 10px;
	background-color: #F4F4F4;
	border: 1px solid #BFBFBF;
	float:left;
	color: #949494;
	font: bold 10px Arial;
}

.TabButtonDivider
{
	background-image: url(images/lines/greyvline.gif); 
	background-repeat:  no-repeat;
	background-position: top center;
	float:left;
	width: 15px;
	padding: 5px 0px 7px 0px;
	margin-top: 10px;
}

.TabButtonHeaderBox
{
	float:left;
	margin-top: 2px;
	margin-left: 3px;
	background-color: #DDECF7;
	border-top: 2px solid #8CC4DE;
	width: 650px;
	height: 16px;
}

.SearchResultsItemBox
{
	margin-top: 2px;
	margin-bottom: 4px;
	padding:13px; 
	border: 1px solid #DADADA; 
	background-color:white;
	float:left;
	height: 110px;
}

.SearchResultsHeaderBox
{
	float:left;
	margin-top: 2px;
	margin-left: 0px;
	background-color: #DDECF7;
	border-top: 3px solid #8CC4DE;
	width: 738px;
	height: 22px;
	font: 13px Arial;
	padding-top:3px;
}


#OuterTabsBox {
	border: 1px solid #7F7F7F;
	border-top: 0px;
	background-color:#F6F6F6;
	padding: 7px 7px 7px 7px;
	float:left;
}

/* ---------------------------------- */

#TabsBoxMain
{
	min-height:700px;
	height:auto !important;
	height:700px; 
	border: 1px solid #C4C4C4;
	clear: both;
	float:left;
	width:670px;
	padding: 30px 25px 25px 25px;
	background-color: White;
}

.OptionsBox
{
	width:161px;
	padding: 5px 5px 5px 5px;
	border:#CCCDD0 1px solid; 
	background-color:#FFFFFF; 
	float:left;
}

.OptionsBoxHeader {
	width:150px;
	background-color: #ECECEC;
	padding:2px 5px 3px 5px; 
	color: #83868B;
	font: bold 10px arial;
	border:#CCCCCC 1px solid;
	display:block;
}

.OptionsBoxContent {
	padding:10px 5px 3px 5px; 
}

.OptionsBoxImage
{
	float:left;
	display:inline;
	margin-right:10px;
}

.OptionsBoxItem 
{
	padding:5px 0px 3px 3px; 
}

/* -------------------------------------------
   Page Elements
   ------------------------------------------- */

.BlackHeader
{
	background-color: #2D2D2D;
	height: 23px;
	font: 14px arial;
	color: #BBBBBB;
	padding: 10px 0px 0px 10px;
	margin: -5px -5px -5px -5px;

}

.DottedLine 
{
	background-image:url(images/lines/dotted.gif);
	background-repeat:repeat-x;
	float:left;
	width:100%;
	padding: 0px 0px 0px 0px;
} 

.BlueFormFieldBorder
{
	border: 1px solid #D3E9FE;
	position:relative;
	float:left;
}

.BlueFormField
{
	font: 12px arial; 
	color: #535353;
	Height: 20px;
	margin-left: 0px;
	width: 270px;
}

.BlueFormFieldHome
{
	font: 16px arial; 
	color: #535353;
	Height: 24px;
	margin-left: 0px;
}

/* -------------------------------------------
   Hyperlinks  
   ------------------------------------------- */

a.GreyUnderline { font: 12px arial; color: #83868B; }
a.GreyUnderline:hover { font: 12px arial; color: #CDCED1; }
a.BlueUnderline { color: #36719C; font: 10px Verdana; text-decoration: underline; }
a.BlueUnderlineBig { color: #8CC4DE; font: 14px arial; text-decoration: underline; }
a.BlueBig { color: #8CC4DE; font: 14px arial; text-decoration: none; }
a.BlueUnderline2 { 	font: 12px Verdana; color:#76BBDC; text-decoration: none; }
a.BlueSmall { 	font: 11px Verdana; color:#76BBDC; text-decoration: underline; }

/* -------------------------------------------
   CUSTOM  
   ------------------------------------------- */

/*  Image cropper   */

.imgCrop_wrap {
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url(../images/misc/marqueeHoriz.gif) repeat-x 0 0;
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url(../images/misc/marqueeVert.gif) repeat-y 0 0;
	z-index: 3;
}

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	width: 6px;
	height: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}



.imgCrop_dragArea {   /* Create an area to click & drag around on as the default browser behaviour is to let you drag the image  */
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}


/* MODAL MESSAGE  */

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
}


.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

#mainContainer{
	width:500px;
	margin:0 auto;
	margin-top:10px;
	border:1px double #000;
	padding:5px;
	text-align:left;
	
}

.modalDialog_contentDiv_error{
	border:3px solid #FFF;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#F00;	/* White background color for the message */
	color:#FFF;
}
.modalDialog_contentDiv_error a{
	color:#FFF;
}