﻿.TextBox
{
	border: solid 1px #27598E;
	padding: 3px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.TextBox_Invalid
{
	border: solid 1px #C00000;
	background-color: #FFF0F0;
}

.TextBox_Valid
{
	border: solid 1px #00C000;
	background-color: #F0FFF0;
}

.TextBox:disabled
{
	border: solid 1px #C0C0C0;
	color: #C0C0C0;
}


.ConceptDisplay
{
	padding: 15px;
	border: solid 0px #C0C0C0;
}

.ConceptDisplay tr,
.ConceptInfo td
{
	vertical-align: top;
}
.ConceptDisplay h1
{
	text-decoration: underline;
	text-align: center;
	font-size: 18pt;
}
.ConceptDisplay .Concept
{
	border: 1px solid red;
}
.ConceptDisplay .ConceptDetails
{
	text-align: left;
	font-size: 13pt;
	margin-right: 10px;
	float: left;
	min-width: 300px;
	max-width: 460px;
}
.ConceptDisplay .ConceptVisual
{
	float: left;
	width: 330px;
}

.ConceptDisplay .ConceptVisual .ConceptSlideshow { margin-left: 100px; }



.Popout
{
	padding: 10px;
	position: absolute;
	border: solid 1px #808080;
	background-color: #FFFFFF;
	width: 300px;
	z-index: 1000;
	text-align: left;
}

.DarkPopout
{
	padding: 10px;
	position: absolute;
	background-color: #20548D;
	color: #F0F0F0;
	width: 325px;
	z-index: 1000;
	text-align: left;
}

.DarkPopout h3
{
	color: #f0f0f0;
}

.Popout .Header,
.DarkPopout .Header
{
	font-style: italic;
	margin-top: 5px;
}

.Popout .CloseButton,
.DarkPopout .CloseButton
{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	cursor: pointer;
	
}


/* ------------------------------------------------------------

	Dialog style.

------------------------------------------------------------ */


.DialogBox
{
	position: absolute;
	z-index: 1000;
}

.DialogBox .Shadow
{
	background-image: url(../images/DialogBackground.png);
	background-repeat: repeat;
	padding: 10px;
}

.DialogBox .Content
{
	background-color: #FFFFFF;
	padding: 10px;
}


.DialogBackground
{
	background-image: url(../images/DialogBackground.png);
	background-repeat: repeat;
	text-align: left;
}

.DialogBackground_Darker
{
	background-image: url(../images/DialogBackground_Darker.png);
	background-repeat: repeat;
	text-align: left;
}

.IE_Compatible .DialogBox
{
	width: 400px;
}

.DialogBox
{
}

.DialogBox h1
{
	margin-bottom: 15px;
}

.DialogBox .Message
{
}

.DialogBox .Buttons
{
	text-align: right;
	margin-top: 15px;
}

.DialogBox .Buttons a
{
	margin-left: 10px;
	margin-right: 0px;
}


.LanguageDialogBox
{
	background-image: url(../images/WorldMap.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-width: 450px;
	min-height: 275px;
}


/* ------------------------------------------------------------

	ConceptVisual

------------------------------------------------------------ */

.ConceptVisual_Small
{
	cursor: pointer;
}

/* ------------------------------------------------------------

	Static text control

------------------------------------------------------------ */
.StaticText .StaticTextEditButton
{
	margin-left: 10px;
	margin-top: 0px;
}
.StaticTextEditButton
{
	margin-top: 5px;
	font-weight: bold;
	color: #3366CC;
}

.StaticTextEditButton:hover
{
	text-decoration: underline;
}

.ErrorLabel .StaticTextEditButton
{
	color: #F0F0F0;
}

.ErrorLabel .StaticTextEditButton:hover
{
	text-decoration: underline;
}

.EditableText
{
	padding: 5px;
	margin: 5px;
	border: 1px dashed #C0C0C0;
}
