.personalData
{
	padding: 15px;
}

#editFields1
{
	position: relative;
	margin-top: 25px;
}

#SubmitCase
{
	position: relative;
	margin-top: 10px;
	margin-bottom: 50px;
	left: 100px;
}
#SubmitCase input
{
	width: 100px;
	height: 30px;
	font-weight: bold;
}

/* grupo de campos para insersión de datos */
.editBlock
{
	padding: 15px;
}

#editFields1 p
{
	width: 200px;
	clear: left;
	margin: 0px;
	padding-top: 5px;
	padding-left: 230px; /* ancho de la columna que contiene las etiquetas (posición inical del textbox)*/
	height: 1%;
}

/* label */
#editFields1 span
{
	float: left;
	margin-left: -220px; /*posición del label con respecto al textbox*/
	display: inline-block;
}

.lnkHelp
{
	position: absolute;
	font-size: x-small;
	margin-top: 8px;
	margin-left: 10px;
	z-index: 0;
}

.auxButton
{
	position:absolute;
	font-size: x-small;
	margin-top: 2px;
	z-index: -1;
	left:410px;
	z-index:1;
}

/* label de campo requerido */
#editFields1 .requiredField
{
	background-image: url(_icons/icoRequired.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

/* label de campo no requerido */
#editFields1 .normalInputField
{
	background-image: url(_icons/Transp10x10.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}

#editFields1 .validatorMark
{
	float: left;
	margin-left: -10px; /*posición del label con respecto al textbox*/
	background-image: url(_icons/icoRequired.png);
	background-repeat: no-repeat;
}


.RequiredFieldsRef
{
	margin-left:15px;
	background-image: url(_icons/icoRequired.png);
	background-repeat: no-repeat;
	padding-left: 10px;	
	font-size:xx-small;
	color:Gray;
}


/***************************************
	Área de preguntas 
****************************************/
#Questions
{
	padding: 10px 0px 0px 10px;
	border-top: 1px solid #cccccc;
}



div#Questions p
{
	margin: 0px;
	padding-top: 5px;
	padding-left: 0;
	height: 1%;
}

.QuestionTitle
{
	font-size: 1em;
	font-style: normal;
}

.QuestionDesc
{
	font-size: 0.85em;
	font-style: normal;
	padding-left: 2em;
}

/***************************************
	logins
****************************************/
.AspNet-Login
{
	position: relative;
	margin-left: 200px;
	border: dotted 2px red;
	width: 400px;
	padding: 8px;
}
#LoginView1_Login1
{
	background-color: Blue;
	padding: 3px 3px 3px 15px;
	border: solid 2px silver;
}
.AspNet-Login-UserPanel input
{
	margin-left: 25px;
	margin-top: 18px;
}
.AspNet-Login-UserPanel label
{
	margin-left: 0px;
}
.AspNet-Login-PasswordPanel input
{
	margin-left: 25px;
}

.AspNet-Login-PasswordPanel
{
	margin-top: 5px;
}

.AspNet-Login-PasswordPanel label
{
	margin-left: 0px;
}

.AspNet-Login-RememberMePanel
{
	margin-top: 5px;
	margin-left: 155px;
}
.AspNet-Login-RememberMePanel input
{
}
.AspNet-Login-RememberMePanel label
{
}
.AspNet-Login-SubmitPanel
{
	text-align: right;
}

#pnlEditArea #loginArea
{
	position: absolute;
	margin-top: 20px;
	left: 550px;
	border: solid 1px #99CC66;
	float: right;
	background-color: #DFA;
	padding: 7px;
	z-index: 1;
}

#loginArea h1
{
	padding: 5px;
}

.InfoHelp
{
	background-color: #fff;
	font-size: x-small;
	width: 100%;
	padding: 3px;
}


/***************************************
	Caso
****************************************/
.showCaso
{
	display: inline-block;
}

#IssueTitle h4
{
	font: bold 110% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#CustomerInfo
{
	margin-top: 20px;
}
#CustomerInfo h4
{
	display: inline;
}

.CustomerData
{
	margin-top: 20px;
	margin-bottom: 20px;
	border: solid 1px #6633ff;
	background-color: #f0f8ff;
}
.CustomerData p
{
	padding-left: 20px;
	padding-right: 20px;
}
.CustomerData h4
{
	background-color: #6633ff;
	padding: 2px;
	padding-left: 20px;
	color: #ffffff;
}

.CategorizeInfo
{
	margin-top: 40px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 40px;
	color: #606060;
}

.CollapseAllBtn
{
	text-align: center;
	font-size: x-small;
	cursor: pointer;
	background-color: #e6e6fa;
	width: 120px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: thin outset;
	border-top: thin outset;
	border-left: thin outset;
	border-bottom: thin outset;
}

/* cartelito de "cerrado" */
.ClosedSign
{
	position: relative;
	left: 0px;
	top: -20px;
	background-color: #808080;
	padding-left: 240px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #ffffff;
	font-variant: small-caps;
	font-weight: bold;
	z-index: -1;
}

/* cartelito de "no atendido" */
.NotAttendedSign
{
	position: relative;
	left: 0px;
	top: -20px;
	background-color: #ffcc66;
	padding-left: 240px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-variant: small-caps;
	font-weight: bold;
	z-index: -1;
}

/* cartelito de "en proceso" */
.InProcessSign
{
	position: relative;
	left: 0px;
	top: -20px;
	background-color: #99ccff;
	padding-left: 240px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-variant: small-caps;
	font-weight: bold;
	z-index: -1;
	color: white;
}

/* Clip que muestra si hay archivos adjuntos */
.HasFilesClip
{
	position: absolute;
	left: 50px;
	margin-top: -24px;
	margin-left: -20px;
	z-index: 300;
}
.HasFilesClipCustomer
{
	position: absolute;
	margin-top: -24px;
	margin-left: 20px;
	z-index: 300;
	background-image: url(_icons/icoClip1.png);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	left: 100px;
}

.AttachedFiles
{
	margin-top: 5px;
	margin-left: 30px;
}

.AttachedFiles a
{
	display: list-item;
}

/* Imagen que muestra que existen notas */
.HasMemoImg
{
	position: absolute;
	margin-top: -20px;
	margin-left: -45px;
	z-index: 300;
}

/* Confirmación de caso */
.CaseInfo
{
	margin-left: 50px;
}
.CaseInfo p
{
	margin: 3px;
}
.CaseDescription
{
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}
.CaseAditionalInfo
{
	margin: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px silver;
}
.CaseAditionalInfo p
{
	display: list-item;
	margin: 5px;
}

/******** Category edit ***************/
.CategoryEdit
{
	margin-top: 25px;
}
.CategoryEdit p
{
	width: 200px;
	clear: left;
	padding-left: 130px;
	height: 1%;
}
/* label */
.CategoryEdit span
{
	float: left;
	margin-left: -120px;
}

.CategoryEdit select
{
	z-index: 200;
}

.CategoryEdit .validatorMark
{
	float: left;
	margin-left: -10px; /*posición del label con respecto al textbox*/
}

#Kind
{
	position: relative;
	left: 400px;
	top: -35px;
	z-index: -10;
}
#Kind span
{
	position: relative;
	left: 130px;
	top: -15px;
}


/******** Evolution *******************/
/* Usuarios del sistema */
.EvolutionItem
{
	width:820px;
}
.EvolutionZone
{
	border: solid 1px #9999ff;
	margin-bottom: 15px;
	background-color: #e6e6fa;
}
.EvolutionHeader
{
	background-color: #9999ff;
	padding: 5px;
	cursor: pointer;
	height: 13px;
	background-position: left 50%;
	background-image: url(_icons/icoExpandVertical.gif);
	background-repeat: no-repeat;
}

.EvolutionDate
{
	position: absolute;
	margin-left: 20px;
}

.EvolutionRef
{
	position: relative;
	top: 18px;
	color: #696969;
	left: 500px;
}
.EvolutionRef a:link, a:visited
{
}
.EvolutionTextZone
{
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	background-color: #f0f8ff;
}

.EvolutionText
{
	display: block;
}

.EditCase a
{
	text-decoration: none;
}

.inputMemoTitle
{
	margin-top:25px;
	margin-left:30px;
	width:330px;
	border-bottom:dashed 1px #999;
	padding:3px;
	cursor:pointer;
	background-image:url(_icons/icoMemo.png);
	background-repeat:no-repeat;
}
.inputMemoTitle span
{
	margin-left:20px;
}

.inputMemoArea
{
	margin-top:5px;
}

.inputMemoArea textarea, .inputMemoArea span
{
	margin-left: 35px;
}

.EvolutionMemoText
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 6px;
	background-color: #FFFF99;
	font-size:smaller;
}

.inputMemoTitle
{
	margin-top:25px;
	margin-left:30px;
	width:330px;
	border-bottom:dashed 1px #999;
	padding:3px;
	cursor:pointer;
	background-image:url(_icons/icoMemo.png);
	background-repeat:no-repeat;
}
.inputMemoTitle span
{
	margin-left:20px;
}

.inputMemoArea
{
	margin-top:5px;
}

.inputMemoArea textarea, .inputMemoArea span
{
	margin-left: 35px;
}

.EvolutionMemoText
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 6px;
	background-color: #FFFF99;
	font-size:smaller;
}

/* customer */
.EvolutionHeaderCustomer
{
	background-color: #ffcc33;
	padding: 5px;
	cursor: pointer;
	height: 13px;
}
.ReactionTime
{
	position: relative;
	top: 10px;
	left: 90px;
	font-size: x-small;
	color: #696969;
	padding-left: 20px;
	padding-bottom: 5px;
	background-image: url(_icons/icoRelojito.png);
	background-repeat: no-repeat;
	z-index: 500;
}

#Action
{
	float: none;
	display: block;
	background-color: #e6e6fa;
}
#Action div
{
	font-size: small;
	margin-bottom: 5px;
	padding: 15px;
	border-bottom: solid 1px #ccc;
}
#Action div span
{
	display: block;
	padding-bottom: 3px;
}
#Action div .CustomValidator
{
	display: inline;
	margin-left: -10px;
}

#KeepMyCase
{
	border-top: solid 1px #ccc;
}

#PriorityOpt
{
	position: relative;
	left: 50px;
	top: 0px;
}
#SeverityOpt
{
	position: relative;
	left: 500px;
	top: -40px;
}
#PriorityOptCase
{
	position: relative;
	left: 50px;
	top: 33px;
}
#SeverityOptCase
{
	position: relative;
	left: 550px;
	top: -8px;
}

#AutorInfo
{
	font-size: x-small;
}
#AutorInfo a
{
	font-weight: bold;
}

.UploadFileArea
{
	padding-top: 10px;
	margin-left: 25px;
}

/* empresa */
#linkCompany
{
	position: absolute;
	top: 65px;
	left: 400px;
	padding: 5px;
	border: solid 1px silver;
	background-color: #ffffcc;
}

/* empresa */
.linkCompany
{
	position: absolute;
	top: 65px;
	left: 400px;
	padding: 5px;
	border: solid 1px silver;
	background-color: #ffffcc;
}