﻿body, html
{
	font: 90%/1.3em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#Container
{
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#CommonOuter
{
	float: left;
	clear: none;
	margin: 0 auto;
	padding: 0px;
	width: 100%;
}

.HiddenData
{
	display: none;
	visibility: hidden;
}

#CommonPageTitle
{
	width: 100%;
}

#CommonErrors
{
	width: 100%;
	text-align: center;
}

#CommonQuestionArea
{
	width: 95%;
	padding-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

#CommonQuestionArea .ResponsesTable
{
	float: left;
	clear: both;
	width: 100%;
	margin: auto;
}

#CommonButtonArea
{
	float: left;
	clear: both;
	display: block;
	width: 100%;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 15px;
}

#CommonButtonArea input
{
	border: none;
}

#btnNext
{
	margin-right: 20px;
}

#DefaultHeader
{
	float: left;
	clear: none;
}

#MainLogo h1
{
	display: none;
}

#DefaultArea
{
	padding: 0px;
	margin: 0px;
}

#DefaultBody
{
	float: left;
	clear: both;
	display: block;
	width: 100%;
	height: 300px;
	min-height: 300px;
	margin: 0 auto;
	padding: 0;
}

html > body #DefaultBody
{
	height: auto;
}

#ReportErrorsArea
{
	float: left;
	clear: both;
	width: 100%;
	padding: 20px 0 0 0;
	text-align: center;
}

#CommonFooterOuter
{
	float: left;
	display: block;
	clear: none;
	width: 100%;
	margin: 0px auto 0px auto;
}

#CommonFooterInner
{
	float: left;
	clear: none;
	width: 100%;
}

#CommonFooterText
{
	float: left;
	clear: none;
	width: 60%;
	text-align: center;
}

#CommonProgressArea
{
	width: 900px;
	float: left;
	clear: both;
	display: block;
	text-align: right;
	margin: 0px 30px 30px 40px;
	padding: 5px 0px 0px 0px;
}

#CommonProgressArea ul
{
	list-style-type: none;
}

#CommonProgressArea ul li
{
	display: inline;
}

#CommonProgressAreaFooter
{
	width: 35%;
	float: right;
	clear: none;
	text-align: right;
	margin: 0px 20px 0px 0px;
	padding: 5px 0px 0px 0px;
}

#CommonProgressAreaFooter ul
{
	list-style-type: none;
	display: inline;
}

#CommonProgressAreaFooter ul li
{
	display: inline;
}

#DisplayDataArea
{
	float: left;
	clear: both;
	display: block;
}

#ToolTip
{
	border: solid 2px black;
	padding: 2px;
	z-index: 100;
	visibility: hidden;
	position: absolute;
}

.QTextAlign
{
	text-align: left;
}

.AText img
{
	padding: 0px 10px 0px 10px;
}

.OtherSpecifyTextBox
{
	width: 125px;
	border: solid 1px #000000;
	font-family: Trebuchet MS;
}

.Button
{
	border: solid 1px #000000;
}

.Textbox
{
	border: solid 1px #000000;
	font-family: Trebuchet MS;
}

.VerbatimBox
{
	font-family: Trebuchet MS;
}

.VerbatimBoxCustom
{
	font-family: Trebuchet MS;
	overflow: auto;
	border: none;
	text-align: center;
	vertical-align: middle;
}

.DropDown
{
	border: solid 1px #000000;
	font-family: Trebuchet MS;
}

.Bullets
{
	list-style-type: square;
}

.StatementRow
{
	border: solid 2px white;
}

.SpacerCell
{
	width: 20px;
}

.OptionCell
{
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.TextCell
{
	vertical-align: middle;
	padding: 5px 10px 5px 5px;
	cursor: pointer;
}

.StatusReportHeader
{
	text-align: center;
	padding: 5px;
}

.StatusReportSubHeader
{
	padding: 5px;
}

.StatusReportCell
{
	padding: 3px;
}

.InfoBox
{
	float: left;
	clear: both;
	margin: 10px auto 10px auto;
}

.Slider
{
	width: 550px;
	margin-top: 10px;
}

.Usage
{
	float: left;
	clear: both;
	width: 350px;
	margin-top: 25px;
}

.ajax__slider_h_rail
{
	position: relative;
	height: 22px;
}

.ajax__slider_h_handle
{
	position: absolute;
	height: 24px;
	width: 10px;
}

.RoundedButton
{
	cursor: pointer;
	cursor: hand;
	z-index: 100;
}

.HiddenButton
{
	display: none;
}

.RoundButtonText
{
	padding-left: 10px;
	padding-right: 10px;
}

.ImageOption
{
	padding: 12px 12px 12px 12px;
	border: 1px solid #000000;
}

.DropChoice
{
	list-style-type: none;
}

.DropChoiceText
{
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align: center;
}

.DropChoiceOuter
{
	border: 1px solid #000000;
	padding: 0px 25px 15px 25px;
}

.DropRegion
{
	border: 1px solid #000000;
	padding: 25px 25px 25px 25px;
}

.DragItem
{
	border: 1px solid #000000;
	font-family: Trebuchet MS;
	vertical-align: middle;
}

.RatingDropChoiceList
{
	height: 50px;
	width: 50px;
}

ul.droplist
{
	width: 300px;
	border: 1px solid gray;
	list-style-type: none;
	padding: 12px 0px 10px 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

ul.draglist
{
	width: 300px;
	border: 1px solid gray;
	list-style: none;
	padding: 12px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

ul.ChoiceStartList
{
	width: 150px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	visibility: hidden;
}

ul.ChoiceStartList li
{
	cursor: move;
}

ul.YesNoDropList
{
	width: auto;
	list-style-type: none;
	padding: 12px 0px 0px 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

ul.MiniList
{
	width: 150px;
	list-style: none;
	padding: 10px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: top;
}

ul.MiniList li
{
	cursor: move;
	margin-bottom: 1.5em;
	text-align: center;
	vertical-align: middle;
}

ul.draglist li
{
	cursor: move;
	margin-bottom: 1.6em;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #FFFFFF;
}

ul.droplist li
{
	margin-bottom: 1.6em;
	cursor: move;
	zoom: 1;
	text-align: center;
	border: 1px solid #FFFFFF;
}

ul.droplist_alt
{
	width: 300px;
	margin: 0;
	padding: 0;
}

ul.droplist_alt li
{
	margin-bottom: 1.3em;
	cursor: move;
	text-align: center;
	border: 1px solid #FFFFFF;
}

.CheckAllConstantSumStats
{
	width: 200px;
	height:30px;
}

.SumStats
{
	padding: 0px 5px 0px 5px;
}

.SumText
{
	padding: 0px 5px 0px 5px;
}

.CardHeader
{
	vertical-align: middle;
	text-align: center;
	padding: 5px 5px 0px 5px;
}

.ChatBox
{
}

.ChatText
{
	padding: 55px 15px 55px 15px;
	width: 200px;
}

.ChatCloudLeft
{
	padding: 95px 20px 70px 20px;
}

.ChatCloudRight
{
	padding: 95px 20px 70px 20px;
}

.Slot
{
	vertical-align: middle;
	text-align: center;
	width: 160px;
	height: 30px;
}

.Player
{
	vertical-align: middle;
	text-align: center;
	width: 160px;
	height: 30px;
	cursor: move;
}

.PlayerText
{
}

.Target
{
	vertical-align: middle;
	text-align: center;
	width: 160px;
	height: 30px;
	cursor: move;
}

.SlotText
{
	vertical-align: middle;
	text-align: center;
}

.ModalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.EditorStyle
{
	background-color: #B2C9B9;
	border: solid 3px #699675;
}

.EditorStyle input
{
	border: solid 1px #333;
}

.HighlightPart
{
	line-height: 1.4em;
	margin-bottom: 20px;
}


body .HoverCell .ImageOption .AText
{
	color: #000;
}

#selectionContainer
{
	margin-top: 20px;
}
