﻿/*
Aon Benfield Cat Score 
CSS Version 3.0
Created:	2013-07-02
Modifield:	2013-07-02
*/


body {
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #080808;
    height: 100%;
    margin: 0px;
    padding: 5px;
    text-align: center;
}
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
	
#container {
	position: relative;
	border: none;
	margin: 0 auto;
	width: 900px;
	height: 100%;
	text-align: left;}
	
#menucontainer {
	width: 100%;
	background-color: #79858C;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
	
#topmenu {	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	text-align: right;}		

#header {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 100%;}		

#main {
	position: absolute;
	z-index: 0;
	top:120px; 
	left: 0px; 
	width:900px;
	z-index:0;
	margin: 0px;
	min-height: 400px;}	
	
#mainindex {
	position: absolute;
	z-index: 0;
	top:120px; 
	left: 0px; 
	width:900px;
	min-height:400px;
	z-index:0;
	margin: 0px;}		
	
#footer {
	padding-top: 15px;
	font-weight: bold;
	text-align: center;}	
	
#scorecriteria {
    position: absolute; 
    top: 100px; 
    left: 15px; 
    z-index:10;    
    min-width:  430px;
    max-width: 505px;
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 5px;
    box-shadow: 5px 5px 5px #999999;
}	

#mitigationfactors {
    position: absolute; 
    left: 525px; 
    top: 600px; 
    min-width: 400px;
    z-index: 20; 
    background-color: #DDDDDD;
    border: 1px solid #000000;
    padding: 5px;    
    display: none;
    box-shadow: 5px 5px 5px #999999;
}

#wfshapes {
	position: absolute;
	left: 40px;
	top: 320px;
	min-width: 200px;
	z-index: 20;
	background-color: #DDDDDD;
	border: 1px solid #000000;
	padding: 5px;
	display: none;
	box-shadow: 5px 5px 5px #999999;
}

.criteria_header {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}

.criteria_header_td {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}
		
a, a:visited {
	color: #5988B1;
	text-decoration: none;}
	
a:hover {
	text-decoration: underline;}		
p { 
	margin-top: 0; 
	margin-bottom: 15px;}
		
h1 {
	color: #739abc;
	font-family: Arial, Helvetica, sans-serif;   
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;}
	
h2 {
	color: #888;
	font-size: 1.3em;
	font-weight: normal;
	margin: 5px 0 10px 0;
	padding: 0;}
	
h2.result {
	color: #333333;
	font-size: 1.3em;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0;}	
	
h3 {
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;}	
	
fieldset {
	background-color: #DDDDDD; 
	border: 1px solid #000000; 
	padding: 10px; 
	margin: 10px; 
	font-size: 12px; 
	color: #000066;}	

legend {
	border:1px solid #909090; 
	background-color:#FFFFFF; 
	background-image: url(/catscore/images/bg_legend.jpg);
	padding:5px; 
	font-weight:bold; 
	font-size:14px; 
	color:#444444;}	
	
.formlabel {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	color: #000000;}
	
.formlabel2 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	color: #000000;}	
	
.formlabel3 {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
	color: #000000;
}		
	
.nowrap	{
	white-space: nowrap;
}
	
.formtext {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	color: #000000;}	
	
.formtext3{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: top;
	color: #000000;}
		
.formfield {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;}

.formpassword {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;}

.formfield3 {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;}
	
.formbutton {
	border: 1px solid #444444;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #5988B1;
	color: #FFFFFF;}

.formbuttonv2 {
    border: 1px solid #444444;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 2px 2px 2px 2px;
    background-color: #e7e7e7;
    color: black;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BEB7A4), to(#FFFFFC));
    background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#BEB7A4), to(#FFFFFC));
    background: -moz-linear-gradient(center top, #BEB7A4, #FFFFFC);
}

.formbutton2 {
	cursor: pointer;
	border: outset 2px #ccc;
	background: #999;
	color: #000066;
	font-weight: bold;
	padding: 1px 2px;
	background: url(../images/formbg.gif) repeat-x left top;}	
	
.loginbutton {
	border: 1px solid #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #5988B1;
	color: #FFFFFF;
	padding: 5px;}		
	
.expand1 {
	display: none;}	
	
.expand2 {
	border: 1px solid #000000;
	background-color: #DEDEDE;	/* D5D5EA */
    display: none;
}	
	
.expand3 {
	padding: 0px;
	border: 1px solid #000000;
	background-color: #D5D5EA;
	display: none;}		

.scoretableheader {
	font-size: 12px;
	font-weight: bold;}	
	
.scoretotal	{
	background-color: #CCCCCC;
	padding: 3px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: right;}
	
.header16 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	color: #000066;}
	
.header14 {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;}
	
.gmarker {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;}	
	
.errormsg {
	color: #880000;
	font-weight: bold;}
	
textarea::-moz-placeholder {
    position: relative;
    color: #ABABAB;
    text-align: center;
}

textarea::-webkit-input-placeholder {
    color: #ABABAB;
    text-align: center;
}
	
	
/* TABLES */


table.criteria {
	border-spacing: 2px;
}	

table.criteria td  {
	text-align: left;
}
	
	
/* MENU ******************************************************************************************/
	
.menutable {            
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	white-space: nowrap;
}
		
.menutable td {
	min-width: 40px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
		
.menutable td.separator {
	min-width: 1px;
	width: 1px;
	text-align: center;
	background-color: #79858C;
	background-image: url(../images/cs_menu_separator_FFFFFF.png);
	padding-left: 0px;
	padding-right: 0px;
}
		
.menutable td.menulogout {
	text-align: right;
	color: #FFFFCE;
	padding-right: 2px;
	cursor: pointer;
}   		
		
.menutable td.menufiller {
	text-align: right;
	color: #CCCCCC;
	width: 100%;
}        
		
.menutable td.user {
	text-align: right;
	padding-right: 5px;
}
		
.menutable td.sub {
	padding: 0px;
}
		
.menutable tr.top {
	height: 20px;
	background-color: #79858C;  /* #999999; */
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
}        
		
.menutable tr.bottom {
	background-color:#FFFFFF;
	height: 11px;
	vertical-align: top;
}
		
.menutable td.indicator {
	padding: 0px;
}
		
.menutable td.userinfo {
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-align: right;
	text-transform: uppercase;
}
		
#tableMenu td.menutop:hover {
	background-color: #BFBFBF;
	color: #263645;
}

.menutop {
    cursor: pointer;   
}
		
#tableMenu td.menutop2 {
	color: #D8E2EC;
}     	
	
	
/* DATA TABLES */

	
table.data1 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: #FFFFFF;}
	
table.data1 th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #9999CC;
	-moz-border-radius: 0px 0px 0px 0px;}
	
table.data1 td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;}	
	
table.data2 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: #FFFFFF;}
	
table.data2 th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #CD8F2C;
	-moz-border-radius: 0px 0px 0px 0px;}
	
table.data2 td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;}

table.data3 {
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: #FFFFFF;
}
	
table.data3 th {
	vertical-align: bottom;
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #6B696B;
	font-weight: bold;
	color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;}
	
table.data3 td {
	text-align: right;
	vertical-align: top;
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;}		
	
table.data3 td.footer {	
	vertical-align: top;
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	font-weight: bold;
	background-color: #CCCC99;
	-moz-border-radius: 0px 0px 0px 0px;}
		
table.data4 {
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	background-color: #FFFFFF;}
	
table.data4 th {
	vertical-align: bottom;
	text-align: center;
	border-width: 0px 0px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: none none groove groove;
	border-color: gray gray gray gray;
	background-color: #e0e0e0;
	font-weight: bold;
	-moz-border-radius: 0px 0px 0px 0px;}
	
table.data4 td {
	vertical-align: top;
	border-width: 0px 0px 0px 1px;
	padding: 3px 3px 3px 3px;
	border-style: none none none groove;
	border-color: gray gray gray gray;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;}

table.data5 {
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: #FFFFFF;
    font-family:Arial;
}

table.data5 th {
    vertical-align: bottom;
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    background-color: #F2F2F2;
    font-weight: bold;
    color: black;
    -moz-border-radius: 0px 0px 0px 0px;
    font-family: Arial;
}

table.data5 td {
    text-align: right;
    vertical-align: top;
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray;
    background-color: #FFFFFF;
    -moz-border-radius: 0px 0px 0px 0px;
    font-family:Arial;
    color:black;
}

table.data5 td.footer {
    vertical-align: top;
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray;
    font-weight: bold;
    background-color: #FFFFFF;
    -moz-border-radius: 0px 0px 0px 0px;
    font-family: Arial;
}		
	
/* 	PASSWORD STRENGTH TEST STYLES  */

.testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arial,helvetica,san-serif;
	color:#666;
	padding:0px 0px 12px 10px;
	margin-left:10px;
	display: block;
	height:28px;
	float:left;
}
.testresult span{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	display:block;
	float:right;
	white-space: nowrap;
}

.top_testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arail,helvetica,san-serif;
	color:#666;
	padding:0;
	margin:0 0 2px 0;
}
.top_testresult span{
	padding:6px ;
	margin:0;
}
.top_shortPass{
	background:#edabab;
	border:1px solid #bc0000;
	display:block;
}
.top_shortPass span{
	
}
.top_badPass{
	background:#edabab;
	border:1px solid #bc0000;
	display:block;
}
.top_badPass span{
	
}
.top_goodPass{
	background:#ede3ab;
	border:1px solid #bc9f00;
	display:block;
}
.top_goodPass span{

}
.top_strongPass{
	background:#d3edab;
	border:1px solid #73bc00;
	display:block;
}
.top_strongPass span{

}

.testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arial,helvetica,san-serif;
	color:#666;
	padding:0px 0px 12px 10px;
	margin-left:10px;
	display: block;
	height:28px;
	float:left;
}
.testresult span{
	padding:10px 20px 12px 10px;
	margin: 0px 0px 0px 20px;
	display:block;
	float:right;
	white-space: nowrap;
}
.shortPass{
	background:url(/images/ps_red.png) no-repeat 0 0;
}
.shortPass span{
	background:url(/images/ps_red.png) no-repeat top right;
}
.badPass{
	background:url(/images/ps_red.png) no-repeat 0 0;
}
.badPass span{
	background:url(/images/ps_red.png) no-repeat top right;
}
.goodPass{
	background:url(/images/ps_yellow.png) no-repeat 0 0;
}
.goodPass span{
	background:url(/images/ps_yellow.png) no-repeat top right;
}
.strongPass{
	background:url(/images/ps_green.png) no-repeat 0 0;
}
.strongPass span{
	background:url(/images/ps_green.png) no-repeat top right;
}

.construction-clas-note {
    font-size: 85%;
    font-style: italic;
}