/* feedback form */

/**************************************************************************************
/* update the following classes to change the appearance of the feedback form drop-in 
/* application and page
/*************************************************************************************/

/* this is the class used on the outside container element for the feedback form sitecm page content */
/* html example: <div class="FeedbackForm_Content_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.Directory {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the inside container element for the feedback form sitecm page content */
/* html example: <div class="FeedbackForm_Wrapper"><div class="FeedbackForm"> */
.Form {
	width: 100%;
	margin: 0;
	padding: 0;
}

.Directory .Form h2 {
	margin: 15px 0 5px;
}

/* this is the class used on the container element for each row (and alternaterow) */
/* html example: <div class="Row"> */
/* each row contains .RequiredStar, .Label (question), .Value (answer) and .Spacer */
.Directory .Row {
	display: block;
	width: 100%;
	margin: 0;
	padding: 2px 0;
}

/* this is the class used for changing the formatting of .Row for each alternating row */
/* html example: <div class="Row AlternateRow"> */
/* overrides .Row */
.Directory .AlternateRow {}

/* this is the class used on the container element for the required * (asterix) symbol displayed for required questions */
/* html example: <span class="RequiredStar">*</span> */
.Directory .RequiredStar {
	display: block;
	float: left;
	width: 3%;
	margin: 0;
	padding: 0;
	color: #f00;
}

/* this is the class used for changing the formatting of .RequiredStar for non-required question */
/* html example: <span class="RequiredStar NotRequiredStar">&nbsp;</span> */
/* overrides .RequiredStar */
.Directory .NotRequiredStar {}

/* this is the class used on the container element for the question */
/* html example: <label for="Email" class="Label">Email: </label> */
.Directory .Label {
	display: block;
	float: left;
	width: 30%;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.Directory .Label .PreviewLink {
	font-size: 10px;
	font-weight: normal;
	padding-left: 5px;
}

.Directory .Label .PreviewLink a:link, .Directory .Label .PreviewLink a:active, .Directory .Label .PreviewLink a:visited, .Directory .Label .PreviewLink a:hover {
	font-size: 10px;
}

/* this is the class used for changing the formatting of .Label to a required question */
/* html example: <label for="Email" class="Label RequiredLabel">Email: </label> */
/* overrides .Label */
.Directory .RequiredLabel {}

/* this is the class used on the container element for the answer */
/* html example: <span class="Value"><input name="Email" type="text" ... ></span> */
.Directory .Value {
	display: block;
	float: left;
	width: 66%;
	margin: 0;
	padding: 0;
}

.Directory .RadTreeView_Default {
	border: inset #f0f0f0 1px;
	width: 353px;
	padding: 2px 1px;
	height: 168px;
	overflow: auto;
}

/* the form field for the answer */
/* html example: <span class="Value"><input name="Email" type="text" ... ></span> */
.Directory .Value input {
	width: 80%;
}
/* checkboxes and radio buttons */
.Directory .Value table input, 
.Directory .Value input[type='checkbox'] {
	width: auto;
}
/* date / time text box */
.Directory .RadTreeView_Default input, 
.Directory .Value .FormDate input {
	width: auto;
	border: inset 2px #eee;
}

/* the form field for the answer - multiline */
/* html example: <span class="Value"><textarea name="Description"></textarea></span> */
.Directory .Value textarea {
	width: 80%;
	height: 75px;
}

/* the form field for the answer - dropdown */
/* html example: <span class="Value"><select name="Description"><option>...</option></select></span> */
.Directory .Value select {}

/* this is the class used on the spacer element that exists after each answer */
/* html example: <div class="Spacer"><img src="/images/shim.gif" width="1" height="1" border="0" alt="" /></div> */
.Directory .Spacer {
	float: none;
	clear: both;
}

/* this is the class used on the container element for the buttons */
/* html example: <div class="Buttons">...</div> */
.Directory .Buttons {
	clear: both;
	padding-left: 33%;
}
.Directory .EditCompleteForm .Buttons {
	clear: both;
	padding-left: 0;
}

/* this is the class used on the container element for the submit button */
/* html example: <div class="SubmitButton">...</div> */
.Directory .SubmitButton {
	width: 100px;
	float: left;
	padding: 10px 0;
}

/* the submit button form element */
/* html example: <div class="SubmitButton"><input type="submit" value="Save &amp; Finish" /></div> */
.Directory .SubmitButton input {}

/* this is the class used on the container element for the submit button */
/* html example: <div class="NextButton">...</div> */
.Directory .NextButton {
	width: 75px;
	float: left;
	padding: 10px 0;
}

/* the submit button form element */
/* html example: <div class="NextButton"><input type="submit" value="Next &gt;" /></div> */
.Directory .NextButton input {}

/* this is the class used on the container element for the submit button */
/* html example: <div class="NextButton">...</div> */
.Directory .BackButton {
	width: 75px;
	float: left;
	padding: 10px 0;
}

/* the submit button form element */
/* html example: <div class="BackButton"><input type="submit" value="&lt; Back" /></div> */
.Directory .BackButton input {}

/* this is the class used on the message that is display when an error occurs after submitting a form */
/* html example: <div class="ErrorMessages">...</div> */
.Directory .ErrorMessages {
	color: #f00;
	background-color: #ffc;
	border: dashed 1px #333;
	padding: 5px;
}

/* Listing */

.Directory .Listing {
	width: 100%;
	border: 0;
	padding-top: 10px;
}

.Directory .Listing label {
	font-weight: bold;
	width: auto;
	display: inline;
}

.Directory .Listing .MoreInfoLink {
	padding-top: 20px;
}


/* MANAGER */

.DirectoryMgr .Listing {
	width: 100%;
	border: 0;
	padding-top: 0;
}

.DirectoryMgr form {
	padding: 0;
	margin: 0;
}

/* faking the radcontrol tab strip */

.DirectoryMgr .tabstrip {
	_height:1%;
}

.DirectoryMgr .tabstrip, .DirectoryMgr .tabstrip ul {
	margin:0;
	padding:0;
}

.DirectoryMgr .tabstrip div {
	width:100%;
}

.DirectoryMgr .tabstrip div:after {
	content:"";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}

.DirectoryMgr .tabstrip ul {
	width:100%;
}

.DirectoryMgr .tabstrip li {
	list-style:none;
	list-style-image: none;
	list-style-position:outside;
	float:left;
	margin:0;
	padding:0;
}

.DirectoryMgr .tabstrip li a {
	float:left;
	position:relative;
	font-size:100%;
}

.DirectoryMgr .tabstrip li a.selected {
	z-index:0;
	cursor:default;
}

.DirectoryMgr .tabstrip li a .wrap, .DirectoryMgr .tabstrip li a .innerWrap {
	float:left;
	clear:both;
	white-space:nowrap;	
	cursor:pointer;
	/* IE 5 Win */
	_cursor:hand;
}

.DirectoryMgr .tabstrip li a.selected .wrap, .DirectoryMgr .tabstrip li a.selected .innerWrap {
	cursor:default;
}

/* structure */

.DirectoryMgr {
	padding-left: 7px;
	padding-top: 7px;
	width: 1000px;
}

.DirectoryMgr .Form, .DirectoryMgr .SubPage {
	clear: both;
	padding-left: 10px; 
	padding-top: 10px; 
	padding-right: 1px; 
	margin: 0;
	margin-top: 1px;
	margin-bottom: 40px;
	border: solid 2px #4F7099;
	background-color: #fff;
	overflow:auto;
	width: 67%;
	height: 398px;
}

.DirectoryMgr .Label {
	width: 15%;
	
}

.DirectoryMgr .Value {
	width: 46%;
	
}

.DirectoryMgr .Buttons {
	padding-left: 18%;
}

.DirectoryMgr .SubmitButton {
	width: 100px;
	float: none;
	background-color: Transparent;
	border: none;
}

.DirectoryMgr .NextButton, .DirectoryMgr .BackButton {
	width: 75px;
	float: none;
	background-color: Transparent;
	border: none;
}

.DirectoryMgr .SubmitButton input, .DirectoryMgr .NextButton input, .DirectoryMgr .BackButton input {
	background-color: #7194BA;
	border-right: #344A65 1px solid;
	border-top: #C9E3F4 1px solid;
	border-left: #C9E3F4 1px solid ;
	border-bottom: #344A65 2px solid;
	font: bold 11px tahoma, arial, helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	cursor:hand;
	
	padding: 0px 10px 0px 10px;
	font-variant : small-caps;
	text-decoration: none;
	text-align:center;
}

.DirectoryMgr {
	font: bold 11px tahoma, arial, helvetica, sans-serif;
}

/*  level 1 tabs */

.DirectoryMgr .level1 li a {

		display: block;
		float: left;
		background-color: #4F7099;
		border-right: #4F7099 1px solid;
		border-top: #8C929F 1px solid;
		border-left: #C9E3F4 1px solid outset;
		border-bottom: #344A65 3px solid;
		
		color: #FFFFFF;
		width: 100px;
		height: 25px;
		padding-top: 3px;
		padding-left: 5px;
		padding-bottom: 0px;
		padding-right: 0px;
		text-transform: uppercase;
		font-size: 10px;
		font-family: Tahoma;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		margin: 0;
		margin-top: 0px;

}

.DirectoryMgr .level1 li a:hover {
	background-color: #7194BA;
	
	border-right: #4F7099 1px solid;
	border-top: #C9E3F4 1px solid;
	border-left: #C9E3F4 1px solid outset;
	border-bottom: #FD981A 4px solid;
}

.DirectoryMgr .level1 li a .innerWrap {
	text-align:center;
	width:100%;
	padding:0 5px;
	/*background:transparent url('img/tabMiddleOff.gif') 0px 0px repeat-x;*/
}

.DirectoryMgr .level1 li a.selected {
	display: block;
	float: left;
	background-color: #7194BA;
	border-right: #4F7099 1px solid;
	border-top: #C9E3F4 1px solid;
	border-left: #C9E3F4 1px solid outset;
	border-bottom: #FD981A 4px solid;

	color: #FFFFFF;
	height: 25px;
	padding: 3px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 15px;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Tahoma;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin: 0;
}

/* search results */


.DirectoryMgr table.TableBlues {
	border: #4F7099 1px solid;
	border-top: none;
	background-color: #F7FCFF;
}

.Directory .Paging td {
	padding: 15px;
	text-align: center;
}