﻿
/* Additions to all.css
----------------------------------------------------------*/

/* TestApi page container  tables
----------------------------------------------------------*/
.containerSection  table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 2px;
	border: 0 none;
	/*font-family: Arial;*/
}

/*.containerSection  input {
	font-family: Arial;
}*/

.containerSection  th {
	font-size: 100%;
	text-align: left;
	border: none 0px;
	padding-left: 0;
}

.containerSection  th a {
	display: block;
	position: relative;
}

.containerSection  th a:link, th a:visited, th a:active, th a:hover {
	color: #0000CC;
	font-weight: 600;
	text-decoration: none;
	padding: 0;
}

.containerSection  th a:hover {
	color: #0000CC;
}

.containerSection  td {
	padding: 4px 2px 2px 4px;
	border: 0 none;
}


/* section
----------------------------------------------------------*/
ul.containerSection {
	font-size: 100%;
	font-weight: 200;
	margin: 0 0 5px;
	padding: 0;
}

ul.containerSection li {
	list-style: none;
	padding-left: 25px;
	display: block;
	width: 900px;
}

ul.containerSection form {
	padding: 4px;
	border: dotted 1px #a5a5a5;
}

ul.containerSection h4 {
	margin-left: -18px;
	font-size: 155%;
}

ul.containerSection li a {
	font-size: 125%;
	background: none;
	color: #660099;
	text-decoration: underline;
}

ul.containerSection li a:hover {
	font-size: 125%;
	color: #33dd33;
	text-decoration: underline;
}

ul.containerSection li label {
	width: 20%;
	margin-left: 16px;
	display: inline-block;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
collapsible divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.containerHead {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background-color:#C6DEF0;
	margin:1px;
}

.containerBody {
	padding: 5px 10px 15px;
	background-color:#F4F4F8;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ERROR MESSAGES TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*form {
	border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #ccc;
	overflow: hidden;
	background-color: #ffffff;
}*/

#pucLoginBox {
  border-radius: 8px;
  -moz-border-radius: 8px;
	 border: 1px solid #ccc;
	 overflow: hidden;
	 background-color: #ffffff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ERROR MESSAGES TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.Notice,
.Success,
.WarningMessage,
.ErrorMessage    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; line-height: 24px; }

.WarningMessage    { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.ErrorMessage    { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.Notice					 { background: #99FFFF; color: #0000CC; border-color: #00CCFF; }
.Success				 { background: #E6EFC2; color: #264409; border-color: #C6D880; }

.WarningMessage a  { color: #6600FF; font-weight: bold;}
.ErrorMessage a  { color: #8a1f11; }
.Notice a				 { color: #514721; }
.Success a			 { color: #264409; }

.Notice img,
.Success img,
.WarningMessage img,
.ErrorMessage img    { margin: 0px 5px 1px 0; border: none; vertical-align: middle; }

.NormalMessage {
	text-decoration: none;
}

.ValidationError {
	border-width: 1px;
	display: inline-block;
	padding: 2px 2px 1px 4px;
	position: static;
	background-color: #FFF4C9;
	border-color: #FFE79E;
	color: #635145;
	background-position: 0 center;
	line-height: normal;
	outline: 0 none;
	text-align: center;
	z-index: 20000;
	min-width: 16px;
	min-height: 16px;
	opacity: 0.9;
	background-repeat: repeat-x;
	border-style: solid;
	background-image: none;
	box-shadow: none;
	border-radius: 4px 4px 4px 4px;
	margin-left: 6px;
}

.ValidationError span.icon {
  margin-right: 1px;
	background-image: url("images/exclamation.png");
	border-color: transparent;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 0;
	height: 16px;
	line-height: 0;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 16px;
}

.ValidationSuccess {
	border-width: 1px;
	display: inline-block;
	padding: 2px 2px 1px 4px;
	position: static;
	background-color: #33CC66;
	border-color: #669966;
	color: #ffffff;
	background-position: 0 center;
	line-height: normal;
	outline: 0 none;
	text-align: center;
	z-index: 20000;
	min-width: 16px;
	opacity: 0.9;
	background-repeat: repeat-x;
	border-style: solid;
	background-image: none;
	box-shadow: none;
	border-radius: 4px 4px 4px 4px;
	margin-left: 6px;
}

.ValidationSuccess span.icon {
  margin-right: 1px;
	background-image: url("images/check.png");
	border-color: transparent;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 0;
	height: 16px;
	line-height: 0;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 16px;
}

.passwordShort{
  border-width: 1px;
  display: inline-block;
  padding: 3px 6px 3px 6px;
	font-weight: bold;
  position: static;
  background-color: #FF0000;
  border-color: #990000;
  color: #000000;
	background-position: 0 center;
	line-height: normal;
	outline: 0 none;
	text-align: center;
  z-index: 20000;
  min-width: 16px;
  opacity: 0.9;
  background-repeat: repeat-x;
  border-style: solid;
	background-image: none;
	box-shadow: none;
	border-radius: 4px 4px 4px 4px;
	margin-left: 6px;
}

.passwordWeak{
  border-width: 1px;
  display: inline-block;
  padding: 3px 6px 3px 6px;
	font-weight: bold;
  position: static;
  background-color: #FFFF33;
  border-color: #99FF33;
  color: #000000;
	background-position: 0 center;
	line-height: normal;
	outline: 0 none;
	text-align: center;
  z-index: 20000;
  min-width: 16px;
  opacity: 0.9;
  background-repeat: repeat-x;
  border-style: solid;
	background-image: none;
	box-shadow: none;
	border-radius: 4px 4px 4px 4px;
	margin-left: 6px;
}

.passwordGood{
  border-width: 1px;
  display: inline-block;
  padding: 3px 6px 3px 6px;
	font-weight: bold;
  position: static;
  background-color: #2D98F3;
  border-color: #333399;
  color: #ffffff;
	background-position: 0 center;
	line-height: normal;
	outline: 0 none;
	text-align: center;
  z-index: 20000;
  min-width: 16px;
  opacity: 0.9;
  background-repeat: repeat-x;
  border-style: solid;
	background-image: none;
	box-shadow: none;
	border-radius: 4px 4px 4px 4px;
	margin-left: 6px;
}

.passwordStrong{
  border-width: 1px;
  display: inline-block;
  padding: 3px 6px 3px 6px;
	font-weight: bold;
  position: static;
  background-color: #33CC66;
  border-color: #339900;
  color: #ffffff;
	background-position: 0 center;
	line-height: normal;
	outline: 0 none;
	text-align: center;
  z-index: 20000;
  min-width: 16px;
  opacity: 0.9;
  background-repeat: repeat-x;
  border-style: solid;
	background-image: none;
	box-shadow: none;
	border-radius: 4px 4px 4px 4px;
	margin-left: 6px;
}

/*
	font-size: 11px;
	font-weight: normal;
	font-family: Arial;
	color: #485F73;

*/
.puctx-label {
  color: #b44f2f; 
	font-size: 11px; 
	text-align:right;
	vertical-align: top;
	display: block;
	margin: 0px 2px 0px 2px;
	background-color: transparent;	
	line-height: 20px;
	padding: 2px 2px;
}

.puctx-label::after {
	content: ":"
}

.puctx-data {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding-left: 2px;
	background-color: transparent;
	border: 1px solid transparent;
	font-family: Arial;
}

.puctx-hint {
	font-size:11px;
	color: #022859;
	line-height: 12px;
	padding: 2px;
	margin-bottom: 10px;
}

.puctx-header {
	width: 100%;
	height: 29px;
	font-size:11px;
	line-height: 16px;
	background-color: #3D505F;
	background-image:url();
	background-repeat: repeat-x; 
	text-align: center;
	vertical-align: middle;
}

.puctx-colhead
{
	padding: 5px;
	text-align: center;
	font-family: 'SackersGothicW01-Medium',Georgia,serif;
	font-size: 12px;
	color: #777;
	vertical-align: middle;
}

.puctx-header span {
	color:#C6DEF0;
	font-size:13px;
	padding: 2px 2px 2px 4px;
	font-weight: bold;
}

.puctx-subheader {
	width: 100%;
	height: 29px;
	line-height: 29px;
	background-color: #C6DEF0;
	background-image:url();
	background-repeat: repeat-x; 
	text-align: left;
}

.puctx-subheader span {
	color:#3D505F;
	font-size:13px;
	padding: 2px 2px 2px 4px;
	font-weight: bold;
}

.puctx-subheader img {
	border: none;
	padding: 2px;
}

.List {
  border-radius: 8px;
  -moz-border-radius: 8px;
	 border: 1px solid #ccc;
	 overflow: hidden;
	 background-color: #ffffff;
}

.List ul {
	list-style-type: none;
}

/*
	font-family: Arial;
	font-size: 12px;
*/

#registerForm {

}

#registerForm .short{
  border-width: 1px;
  display: inline-block;
  padding: 3px 6px 3px 6px;
	font-weight: bold;
  position: static;
  background-color: #FF0000;
  border-color: #990000;
  color: #000000;
	background-position: 0 center;
	line-height: normal;
	outline: 0 none;
	text-align: center;
  z-index: 20000;
  min-width: 16px;
  opacity: 0.9;
  background-repeat: repeat-x;
  border-style: solid;
	background-image: none;
	box-shadow: none;
	border-radius: 4px 4px 4px 4px;
	margin-left: 6px;
}

#registerForm .weak{
  border-width: 1px;
  display: inline-block;
  padding: 3px 6px 3px 6px;
	font-weight: bold;
  position: static;
  background-color: #FFFF33;
  border-color: #99FF33;
  color: #000000;
	background-position: 0 center;
	line-height: normal;
	outline: 0 none;
	text-align: center;
  z-index: 20000;
  min-width: 16px;
  opacity: 0.9;
  background-repeat: repeat-x;
  border-style: solid;
	background-image: none;
	box-shadow: none;
	border-radius: 4px 4px 4px 4px;
	margin-left: 6px;
}

#registerForm .good{
  border-width: 1px;
  display: inline-block;
  padding: 3px 6px 3px 6px;
	font-weight: bold;
  position: static;
  background-color: #2D98F3;
  border-color: #333399;
  color: #ffffff;
	background-position: 0 center;
	line-height: normal;
	outline: 0 none;
	text-align: center;
  z-index: 20000;
  min-width: 16px;
  opacity: 0.9;
  background-repeat: repeat-x;
  border-style: solid;
	background-image: none;
	box-shadow: none;
	border-radius: 4px 4px 4px 4px;
	margin-left: 6px;
}

#registerForm .strong{
  border-width: 1px;
  display: inline-block;
  padding: 3px 6px 3px 6px;
	font-weight: bold;
  position: static;
  background-color: #33CC66;
  border-color: #339900;
  color: #ffffff;
	background-position: 0 center;
	line-height: normal;
	outline: 0 none;
	text-align: center;
  z-index: 20000;
  min-width: 16px;
  opacity: 0.9;
  background-repeat: repeat-x;
  border-style: solid;
	background-image: none;
	box-shadow: none;
	border-radius: 4px 4px 4px 4px;
	margin-left: 6px;
}

/*.captchaBg input {
	float: left;
}

.captchaBg img {
	float: left;
}

.optRating input[type="radio"] {
	background: transparent;
	border: inherit;
	width: auto;
	display: inline-block;
}

.optRating span {
	background: transparent;
	border: inherit;
	width: auto;
	display: inline-block;
	padding: 0px 3px 0px 3px;
}

*/

	.pucinput {
		text-transform: none; 
		font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif; 
		text-align: left;

	}