/* CSS Document */
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
img{
	border:0;
}
a{
text-decoration:none;
}
.topheading{
	background-color:#008FD5;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	text-align:center;
}

.bottomlink{
	background-color:#008FD5;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	text-align:center;
}

.redstar{color: #FF0000}

#apDiv1 {
	position:absolute;
	width:1002px;
	height:698px;
	z-index:1;
	overflow: auto;
	top: 143px;
}
#apDiv2 {
	position:absolute;
	width:220px;
	height:672px;
	z-index:1;
	overflow: auto;
	top: 150px;
}

.fieldlabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#000000;
	z-index:100;
}
.textfield{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#000000;
	z-index:100;
}
.subheading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
}

.errormsg{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#FF0000;
	z-index:100;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color:#000000;
	z-index:100;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
}
.mark{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	margin-left:21px;
}
.subheadingstyle14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
}
.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}
.style2 {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}

.style5 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
}
.titleSLIDER {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
}
.titleSLIDERInterface {	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
}
.companynameInterface {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left: 18px;
	font-weight: bold;
}
.mediatitleInterface {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 13px;
	padding: 5px;
}
.popupheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
/* Validation classes*/
input.required, textarea.required {
	border: 1px solid #cccccc;
	
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #CCCCCC;
}

.validation-advice {
	margin: 2px;
	padding: 0px 2px;
	color : #FF3300;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}

.custom-advice {
	margin: 2px;
	padding: 0px 2px;
	color : #FF3300;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}
/*End USED by validation form */

/*AUTO COMPLETE */
	
	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}
	
	
	.interrighttab{
		color:#231e1b;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
	}
	
	.interrighttabbold{
		color:#231e1b;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13pt;
		font-weight:bold;
	}
	.interrighttabborder{
	
	}
.interrighttabborder a{
color:#000;
text-decoration:none;
}
interrighttabborder a:hover{
color:#000;
text-decoration:underline;
}

