﻿/* Standard elements */
html
{
	min-height: 101%;
}

body
{
	background-color: #8A1721;	
	margin: 0px;
	font-family: "Century Gothic" , Arial, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	padding: 17px;
}

#bodyContent
{
    border:2px solid #B09496;
    background-color: white;
    min-height:400px;
    padding:20px;
}


img
{
	border: 0;
}

.li
{
	list-style-image: url("../vcontent/root/images/bullet.png");
	list-style-position: outside;
}

p
{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
    text-align:center;
}

p em {
	color:red;
	font-style: normal;
}

a
{
	font-family: "Century Gothic" , Arial, sans-serif;
	color: #27a9e1;
	text-decoration: underline;
}

a:hover
{
	font-family: "Century Gothic" , Arial, sans-serif;
	color: #666666;
	text-decoration: none;
}

a img
{
	text-decoration: none;
}

h1
{
	color: #EF3F37;
	font-size: 1.8em;
	padding:100px 0px 0px 0px;
	
    text-align: center;
}

h1.malware,
h1.phishing
{
    background: transparent url("../Content/Images/Warning_icon_small.png") no-repeat center 0;	
}

h1.notFound {
	background: transparent url("../Content/Images/404_error_icon.png") no-repeat center 0;	
}

h2
{       
    color: #414042;
	font-size: 1.6em;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px auto;
}

h3
{
	color: #666666;
	font-size: 1.2em;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
}

h4
{
	color: #666666;
	font-size: 1em;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
}




/* Float clearing */
.clearer
{
	/*width: 100%;*/
	clear: both;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* Buttons and controls */
.button
{
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    display:inline-block;
    min-width:90px;
    font-family:Arial;
    font-size:12px;
	font-weight: bold;
	color: #FFF !important;
	border: 1px solid #1B75BB;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin: 0px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;	
    -moz-box-shadow: 0px 0px 3px #999;-webkit-box-shadow: 0px 0px 3px #999;box-shadow: 0px 0px 3px #999;
	float: none;
	background-color: #27A9E1;
	background-image: url("../Content/Images/Default_white_trans_12px.png");
	background-repeat: repeat-x;
	text-decoration: none;
	cursor: pointer;
	text-shadow: 0px -1px #1B75BB;
	text-align:center;
	height:22px;
	line-height:16px;
}

.button:hover
{
    font-family:Arial;
    font-size:12px;
	font-weight: bold;
    color: #FFF;
	background-image: url("../Content/Images/Rollover_white_trans_5px.png");
	background-repeat: repeat-x;
}

.button.disabled 
{
    border: 1px solid #CCC;
	background-color: #ACCBDF !important;	
	text-shadow: none;
    cursor:default;
}

.button.disabled:hover {
	background-image: url("../Content/Images/Default_white_trans_12px.png");
}

.button.grey {
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #666 !important;	
	text-shadow: none;
}

.button.greyBlue {
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #39AFEB !important;	
	text-shadow: none;
}

.button.black {
	border: 1px solid black;
	background-color: #444;
	color: white !important;	
	text-shadow: none;
}

