/* These styles are the core telrock styles used across all applications */

/* -------------------------------------- formRow styles -------------------------------------- */
div.formRow
{
	clear:left;
	margin-bottom:0.5em;
}

div.formRow label,
div.formRow .cell
{
	display:block;
	width:120px;
	margin-right:10px;
	float:left;
	text-align:right;
	vertical-align:top;
	zoom:1;
}

div.formRow input, div.formRow span
{
	vertical-align:top;
}

div.formRow label.shortLabel
{
	width:60px;
}

div.extendRow label,
div.formRow label.extendRow
{
	display:inline;
	float:none;
	width:auto;
	margin-right:0px;
	margin-left:10px;
}

div.extendRow label.mainLabel
{
	display:block;
	float:left;
	width:120px;
}

div.multiline label
{
	float:none;
	width:auto;
	text-align:left;
}

div.alignRight label
{
float:none;
display:inline;
vertical-align:middle;
}

div.alignRight
{
	padding-right:10px;
	text-align:right;
}

div.alignCenter
{
	text-align:center;
}

div.formRow .hint
{
	position:relative;
	top:-10px;
	margin-left:150px;
	display:block;
}

div.formRow label.longLabel
{
	width:200px;
}

div.formRadio
{
	float:left;
	margin-right:10px;
}

input.longInputForm
{
	width:200px;
}

input.shortInputForm
{
	width:50px;
}

input.mediumInputForm
{
	width:85px;
}

input.tinyInputForm
{
	width:20px;
}

input.singleInputForm
{
	width:10px;	
}

/* ------------------------------------------ floats ------------------------------------------ */

.thirdish
{
	float:left;
	width:30%;
}

.halfish
{
	float:left;
	width:47%;
}

.right
{
	float:right;
}

.left
{
	float:left;
}

.clear
{
	clear:both;
}

.clearLeft
{
	clear:left;	
}

/* ------------------------------------------------------------------------------------------- */

.noColour
{
	background-color:transparent;	
}

.box
{
	margin:10px;
	padding:10px;
	border: 1px solid #999;
	background-color:#fff;
}

div.box div#viewAllAccounts
{
	margin-top:10px;
	clear:both;
}

div.box div.textBlock
{
	margin-top:2em;
}

.green
{
	color:#159821;	
}

.red
{
	color:#ff0000;	
}

.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;
}

.underline
{
	text-decoration:underline;	
}

.center
{
	text-align:center;
}

.padded
{
	padding:10px;
}

.padded-left
{
	padding-left:10px;	
}

.padded-right
{
	padding-right:10px;
}

.padded-top
{
	padding-top:10px;
}

.padded-bottom
{
	padding-bottom:10px;
}

.margin-left
{
	margin-left:10px;	
}

.margin-right
{
	margin-right:10px;	
}

.margin-top
{
	margin-top:10px;	
}

.margin-bottom
{
	margin-bottom:10px;	
}

.align-top
{
	vertical-align:top;
}

div.terms
{
	overflow: scroll;
	width: 95%;
	height: 300px;
}

.errors, .errors li
{
	color:#9b1313;
}

div.validationErrors
{
	border:1px dashed #9b1313;
	padding:10px;
	margin-bottom:10px;
}

div.validationWarning
{
	border:1px dashed #d7761b;
	padding:10px;
	margin-bottom:10px;
}

.warning, .warning li
{
	color:#d7761b;
}

div.validationInfo
{
	border:1px dashed #0094d9;
	padding:10px;
	margin-bottom:10px;
}

.info, .info li
{
	color:#0094d9;
}

.code
{
	padding:10px;
	margin-bottom:10px;
	border:1px dashed #000;
	background-color:#fff;
}

fieldset.code legend
{
	background-color:#fff;	
}

.expand
{
	background-image:url('../img/expand.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}

.contract
{
	background-image:url('../img/contract.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}

.disabled
{
	color:#999;
}

.smallText
{
	font-size:80%;	
}

tr.clickableRow
{
	cursor:pointer;
}

/* --------------------------------------- Tooltip -------------------------------------------------- */

.inline
{
	display:inline;
}

div.rulesMessage strong,
div.rulesMessage textarea
{
	vertical-align:top;
}

div.exportlinks
{
	margin-top:20px;
}

.shortField
{
	width:50px;;
}

.hidden
{
	display:none;
}

.expbox
{
	margin:10px 0px;
}

div.eventTip-tip
{
	width:140px;
}

/* --------------------------- Ajax Loading ----------------------------------- */

div#AjaxLoading {
	background-color:#CCCCCC; /* overridden */
	color:black; /* overridden */
	font-family:arial,sans-serif; /* overridden */
	font-size:12px; /* overridden */
	padding:5px;
	position:absolute;
	right:1px;
	top:1px;
}

div#AjaxLoading img
{
	margin-right:5px;
}

div#AjaxLoading span, div#AjaxLoading img
{
	vertical-align:middle;
}

div.close
{
width: auto;
text-align: right;
}

div.close a
{
margin: 0px 5px 0px 0px;
}

/* ---------------------------------------- Progress Bar ----------------------------------------- */

span#progressBar
{
	width:200px;
	height:20px;
	display:block;
	float:left;	
	border:1px solid #666;
}

span#progressBarInner
{
	width:0%;
	height:100%;
	display:block;
	background-color:green;	
}

/* ------------------------------------------ Info Message ----------------------------------------------------- */

#info_message {
	padding-top:10px;
}

#info_message .contents {
	background: #fbed92 url(../img/info_box_icon.png) no-repeat 10px center;
	padding: 10px;
	padding-left: 30px;
	border: 2px solid #fcd113;
	-moz-border-radius: 5px;
}

/* ------------------------------------------- system errors --------------------------------------------------- */

div#systemErrorRefreshNeeded {
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
	z-index: 10000;
	height: 100%;
	width: 100%;
	position:absolute;
	top: 0px;
	left: 0px;
	display:none;
}

div#systemErrorRefreshNeededMessageBox {
	border: 1px solid #ccc;
	background-color: #fff;
	background-image:url('../img/error.png');
	background-repeat: no-repeat;
	background-position:30px 40px;
	display:none;
	height: 210px;
	width: 400px;
	position: absolute;
	padding-left:90px;
	padding-top:60px;
	z-index: 10001;
}

div#systemErrorRefreshNeededMessageBox .title {
	font-size:160%;
}

div#systemErrorRefreshNeededMessageBox .text {
	font-size:130%;
	padding-right:20px;
	padding-top:20px;
}

/* -------------------------------------------- form validation ------------------------------------------- */

div#validationDiv
{
	position:absolute;
	z-index:9999;
	top:0px;
	right:0px;
	width:300px;
	border:1px solid #8d0202;
	background-color:#d56767;
	padding:5px;
}

div#validationDivTitle
{
	padding-bottom:5px;
	border-bottom:1px solid #8d0202;
}

div#validationDivBody
{
	padding-top:5px;
}

html form .errorField
{
	border-color:#8d0202;
	background-color:#d56767;
}

/* -------------------------------------------- Notifications ------------------------------------------- */

div#notificationDiv
{
	position: fixed;
	top:0px;
	right:0px;
	z-index:10000;
	background-image:url(../img/notification.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:400px;
	color:#0000ff;
	padding: 5px 10px 10px 10px;
}

div#notificationDiv p
{
	margin:5px 0px 5px 0px;	
}

div#notificationDiv h4
{
	color:#0000ff;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	text-decoration:underline;
}

/* IE fixed position bug, png alpha bug */
* html div#notificationDiv
{
	background-image:none;
	background-color:#d0d6f8;
	border-left:1px solid blue;
	border-bottom:1px solid blue;
	position: absolute;
	top:0px;
	right:0px;
}

/* -------------------------------------------- Upload History ------------------------------------------- */

div#fileControls
{
	border-bottom:1px solid #999;	
	margin-bottom:10px;
}

div#fileControls a
{
	padding:2px;
}

div#fileControls a.currentNav
{
	text-decoration:underline;
}

div#fileContents
{
	overflow:auto;	
	height:200px;
}

div#fileContents td
{
	padding:2px 5px;
}

div#fileContents td.lineNumber
{
	border-right:1px solid #666;
	width:20px;
}

div#fileContents tr.errors
{
	background-color:#ff7474;
	color:#000;
}