﻿/* DEFAULTS
----------------------------------------------------------*/

#ctl00_MainContent_rptViewer_ctl04_ctl07 label
{
    /*color:white;*/
    color:#404040;
}     


body   
{
    font-size: 12px;
    font-family: Arial;
    margin: 0px;
    padding: 0px;
    color: #404040;
	background-color:#ececec;
}

    body label
    {
        color:black;
    }     

a:link, a:visited
{
    color: #005c9c;
    text-decoration: none;
    outline:0px;
}

a:hover
{
    color: #005c9c;
    text-decoration: underline;
}
	
a:active
{
    color: #005c9c;
}

p
{
    margin:0px 0px 10px 0px;
    padding:0px;
    line-height: 1.6em;
}

img 
{
	vertical-align:text-top;
	border:none;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant:small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 10px;
    margin-top:0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

h2
{
    font-size: 1.5em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

ul
{
	position:relative;
	top:0px;
	left:0px;
}

li
{
	position:relative;
	list-style-type:none;
	float:left;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#pageTop
{
	position:relative;
	top:0px;
	left:0px;
	/*width:100%;*/
	height:35px;
	color:#dbdbdb;	
	font-size: 13px;
	overflow:visible;
    padding-left:10px;    
}

	#pageTop .links
	{
		margin:0px;
		padding:9px 0px 0px 0px;
		font-weight:bold;
		margin-right:25px;
	}
	
		#pageTop .left li{margin-right:20px;}
		#pageTop .right li{margin-left:20px;}
		#pageTop .right li .flag{margin-top:3px;}

		#pageTop .links a:link{text-decoration:none; color:#dbdbdb;}
		#pageTop .links a:visited{text-decoration:none; color:#dbdbdb;}
		#pageTop .links a:hover{text-decoration:none; color:#ffffff;}
		#pageTop .links a:active{text-decoration:none; color:#dbdbdb;}
		
		#activeType{cursor:pointer;}
		
		.changeLanguage{cursor:pointer;}
		
		#languageSelect
		{
			position:absolute;
			top:26px;
			left:-13px;
			z-index:10;
			min-width:100px;
			-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
			-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
			display:none;
			padding:8px;
		}
				
			#languageSelect table{position:relative;}
			#languageSelect table tr td{padding:3px;}
			#languageSelect table tr td img{margin-top:2px;}

#wrapper
{	
	top:0px;
	left:0px;	
	background-color:#ffffff;
}

	#wrapper table
	{
		position:relative;
		top:0px;
		left:0px;
		width:100%; 
		/*height:100%;*/
	}


.centred, .logos, #page
{	
    width:100%;
}

	.logos img
	{
		margin:10px 0px 15px 10px;
	}
	
	.logos .strip
	{
		position:absolute;
		left:0px;
		width:100%;
		bottom:0px;
		height:5px;
	}

	#page
	{
		padding:0px !important;
		margin:0px !important;
		vertical-align:text-top;
		background-color:#FFFFFF;
	}


	#controls
	{
		position:relative;
		top:0px;
		width:278px;
		padding:10px 0px 0px 10px;
	}
	
		#controls .control
		{
			position:relative;
			top:0px;
			left:0px;
			border:solid 1px #404040;
			margin-bottom:5px;
			overflow:visible;
			width:278px;            
		}
		
			#controls .control .header
			{
				height:28px;
				background-color:#404040;
				cursor:pointer;
			}
			
				#controls .control .header h2
				{
					float:left;
					margin-top:5px;
					margin-left:10px;
					font-variant:normal;
					font-size:13px;
					font-weight:bold;
					color:#FFFFFF;
				}
				
				#controls .control .header img
				{
					position:relative;
					top:0px;
					left:0px;
					float:right;
					margin:6px 10px 0px 0px;
				}
			
			#controls .control .body
			{
				padding:10px;
				width:258px;
			}
			
			#controls .control .body ul
			{
				
				float:left;
				clear:both;
				width:100%;
				margin:0px;
				padding:0px;
				overflow:hidden;
			}
			
			#controls .control .body ul li
			{
				clear:both;
				width:100%;
				margin:0px;
				border-top:2px dotted #dcdcdc;
			}
			
			
			#controls .control .body ul li:first-child{border:0px;}
			
				#controls .control .body ul li a
				{
					display:block;
					width:100%; height:100%;
					padding:5px;
				}
				
				#controls .control .body ul li a:hover{background-color:#ffffe5; text-decoration:none;}
				#controls .control .body ul li a.active{background-color:#e6f2f3; text-decoration:none;}
				
				#controls .control .body ul li .subLinks li a{padding-left:15px;}
				#controls .control .body ul li .subLinks li a:hover{background-color:transparent; text-decoration:underline;}
				
				#controls .control .body ul li .subLinks .subsubLinks{border-top:none; font-size:11px; padding-left:15px;}
				
				
				#controls .control .body ul .unfinished a{color:#cccccc !important;}

	#mainContent
	{
		
		float:left;
		clear:none;
		min-height:600px;
		display:inline;
	}
	
		.content
		{
			position:relative;
			top:0px;
			left:0px;
			margin:10px;
		}

	
		.bodyText ul
		{
			position:relative;
			top:0px;
			left:0px;
			clear:both !important;
			width:auto;
			margin:0px;
			padding:0px 0px 10px 20px;
		}

			.bodyText ul li
			{
				float:none;
				list-style-type:disc;
				list-style-position:outside;
				clear:both !important;
				margin:0px;
				padding:0px;
				width:100%;
			}
	
			.bodyText p{clear:both; }
			.bodyText h2{clear:both;}

#footer
{
	position:relative;
	left:0px;
	float:left;
	clear:both;
	width:100%;
	height:59px;
	border-top:solid 1px #b8b8b8;
	color:#404040;
	z-index:1;
}


	#footer #notices
	{
		margin-top:23px;
	}
	
	#footer #logo1{float:right; margin-right:0px;}
	#footer #logo2{margin-right:30px;}


/* FORM ELEMENTS   
----------------------------------------------------------*/

input[type=text], input[type=password], select
{
	margin:0px;
	border:solid 1px #b8b8b8;
	padding:3px;
	width:212px;
}

select{width:220px; height:24px}

.inputs
{
	float:left;
	clear:both;
	width:100%;
}

.inputs > ul
{
	float:left;
	clear:both;
	margin:3px 0px 3px 0px; 
	padding:0px;
	height:25px;
	width:100%;
}
.inputs ul li{margin:0px; padding:0px;}
.inputs > ul > li:first-child{width:150px; padding-top:3px !important; font-weight:bold;}
.inputs ul .text{padding-top:3px !important;}
.inputs ul .required{margin-left:10px; padding-top:4px;}
.inputs ul .validation{margin-left:10px; padding-top:4px; display:none;}

.inputs .controls{margin:10px 0px 10px 0px; float:left; clear:both; width:100%;}

.inputs .controls li{margin:0px; padding:0px; padding-top:0px !important; clear:none !important;}
.inputs .controls li.left{margin-right:15px;}
.inputs .controls li.right{margin-left:15px;}
.inputs .controls > li:first-child{padding-top:0px !important; width:auto; font-weight:normal;} /*override what is defined above*/


textarea:focus, input:focus, select:focus{
    outline: solid 1px #a7d9f5;
}

.iconInput{float:left; clear:both; margin:0px; padding:0px; background-color:#FFFFFF; border:solid 1px #b8b8b8; height:auto;}
.iconInput li{margin:0px; padding:0px;}
.iconInput li img{margin:3px;}
.iconInput li input[type=text]{margin:0px; border:none;}
.iconInput .button{background-color:#FFFFFF; border-left:solid 1px #b8b8b8; background-image:url(/Images/shaddow-bottom.png); background-position:center;}

.label{font-weight:bold;}

input[type=submit]
{
	background-image:url(/Images/shaddow-bottom.png);
	border:solid 1px #b8b8b8;
	outline:none;
	text-align:center;
	text-decoration:none !important; 
	color:#404040 !important; 
	font-weight:bold;
	cursor:pointer;
	padding:5px 15px 5px 15px;
	display:block;
	overflow:visible;
}


/* MISC  
----------------------------------------------------------*/

a .icon{margin-right:5px;}

.clear
{
    clear: both;
}

.bold
{
    font-weight: bold;
}

.icon
{
	width:16px;
	height:16px;
}

li .icon{margin-right:10px;}

.required, .validation{color:#bf2626;}

.show{display:block;}
.hidden{display:none;}

.left	
{
	float:left;
}

.right
{
	float:right;
	padding-right:25px;
}


ul.titleBar{margin:0px; padding:0px;}
ul.titleBar .controls{padding-top:5px; float:right;}
ul.titleBar .controls ul li{margin-left:10px;}

.hover{background-color:#ffffe5;}

.gray{color:#929292;}

.notice
{
	position:relative; 
    padding:10px; 
    float:left; 
    clear:both; 
    width:100%; 
    height:auto; 
    margin-bottom:10px; 
    box-sizing: border-box;
    -moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
    background-color:#ffffe5 !important; 
    border:solid 1px #b8b8b8;
}
.error{background-color:#ffe8e5 !important; border:solid 1px #cc0f0f;}
.warning{background-color:#fff6bf !important; border:solid 1px #f9c75c;}
.success{background-color:#e4fce4 !important; border:solid 1px #a0e8b8;}
.help{background-color:#f1fafe !important; border:solid 1px #dae3ea;}
	
.notice img{margin-right:10px;}

.maxWidth400{max-width:400px;}

.downloadLink{float:left; margin:4px 0px 0px 0px; padding:0px;}
.downloadLink img{margin:0px 5px 0px 0px;}

.loading{display:none;}
.loading img{margin-right:10px;}

.buton_left{float:left;}

/* REPORT COMPONENT STYLES
----------------------------------------------------------*/
.rpt{color:White;}

/* SUBSCRIPTION STYLES
----------------------------------------------------------*/
.textbox_multiline{width:210px; height:75px; font-size:12px; font-family:Arial;}
.addbutton{margin-top:5px;}
.subsList{background-color:#ececec; padding:2px 10px 2px 10px;}
.subsListAlternate{padding:2px 10px 2px 10px;}
.subsTitle{padding-right:8px;}

.pnl_companies
{
    border: solid 1px #000000;
    height: auto;
    max-height:180px;
    width: 220px;
    overflow-y:scroll;
    background-color: #FFF;    
}

.textbox_companies
{
    background-image: url(../images/drpdwn.png);
    background-position: right top;
    background-repeat: no-repeat;
    cursor: default;
    height: 18px;
    width: 220px;  
}