/* CSS Document */
a:link
{
	color: #000033;
	font-family:Arial, Helvetica, sans serif;
	text-decoration:underline;
	border:0px
}
a:visited {color: #000085}
a:hover {color: #FF6600; text-decoration:none}
a:focus {color: #FF6600; text-decoration:none}
a:active {color: #0000FF}

/* small-button and smallsilver used for certificate verify buttons only */
a.small-button { padding-right: 17px; height: 32px; float: left; display: block; font: 14px Arial,sans-serif; color: #ffffff !important; margin: 8px 0px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important; text-decoration: none; }
	a.small-button:hover { text-decoration: none; color: #eeeeee !important; }
	a.small-button span { height: 32px; display: block; line-height: 30px; padding: 0px 0px 0px 17px; }
	
a.smallsilver { background: url(/newlook_files/small-button-silver.png) no-repeat bottom right; color: #3d3d3d !important; text-shadow: 1px 1px 1px #ffffff !important; }
    a.smallsilver:hover { color: #000000 !important; }
	a.smallsilver span { background: url(/newlook_files/small-button-silver.png) no-repeat; }

#main a:link
{
	/*color: #000033;
	font-family:Arial, Helvetica, sans serif;
	text-decoration:none;
	border:0px;*/
	line-height:15px;
}
/*
#main a:visited {color: #000085}
#main a:hover {color: #FF6600; text-decoration:none}
#main a:focus {color: #FF6600; text-decoration:none}
#main a:active {color: #0000FF}
*/
html
{
/*background-color:gray;*/

}

body
{
	/*
	font-family:Arial, Helvetica, sans-serif;
	*/
	font-size:12px;
	/*
	color:#000033;
	*/
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	border: 0px;
	overflow:auto;
	/*width:1024px;*/
	/*width:1006px;*/
	/* Added */
	background:url("/newlook_files/default_header_bg.jpg") no-repeat scroll center top #dddddd;
	/* nice blue one below */
	/*background:url("/newlook_files/default_header_bg.jpg") no-repeat scroll center top #061E51;*/
	color: #201F1F;
	/*font-family: 'Droid Sans',Arial,Verdana,sans-serif;*/
	font-family: Arial, Helvetica, Verdana,sans-serif;
	/*line-height: 21px;*/
	/*background-color: #CED4D8;*/
}

#webpage
{
margin-top:0px;
margin-left:auto;
margin-right:auto;
border: 0px;
overflow:auto;
width:1006px;

}


h1
{
font-size:20px;
font-weight:bold;
color: #CC0000;
margin-top:0px;
margin-bottom:16px;
letter-spacing:normal;
}

h2
{
font-size:14px;
font-weight:bold;
color: #CC0000;
padding:0px;
margin-top:0px;
margin-bottom:0px;
letter-spacing:normal;
}

input[type="text"], input[type="password"], input[type="number"], textarea, select
{
border-left: solid 1px #666666;
border-top: solid 1px #666666;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-radius: 5px;
}
textarea
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

input:focus, textarea:focus, select:focus
{
background-color: #DDFFDD;
}

input[type="checkbox"]
{
border-left: solid 1px #666666;
border-top: solid 1px #666666;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-radius: 3px;
}

img
{
border:0px;
margin-left : 0px;
margin-right: 0px;

}


table
{
	/*border-collapse:separate; */
	border-collapse:collapse;
	border-spacing: 0px; 
	border:0px;
	border-style:solid;
	padding:0px;
}
table tr
{
	border:0px;
	padding:0px;
}
table tr td
{
	border:0px;
	padding:0px;
	margin:0px;
}

#main
{
background-color:white;
font-family:Arial, Helvetica, sans-serif;
margin-top:20px;

/*position:absolute;
top:0px;
left:0px;
*/
border:0px;
/*width:1006px;*/
/*height:144px*/
}
 
#main ul
{
padding-left:20px;
margin-top:8px;
margin-bottom:8px;
}
#main ul li
{
list-style: disc outside;
}
#main ol
{
	margin-left: 15px;
}

#main ol li
{
	list-style: circle outside;
}

.alternate_link
{
	color: #000033;
	font-family:Arial, Helvetica, sans serif;
	font-size:12px;
	border:0px;
	line-height:15px;
}
.alternate_link:link {text-decoration:none}
.alternate_link:visited {color: #272953; text-decoration:none}
.alternate_link:hover {color: #FF6600; text-decoration:none}
.bar
{
    background-color:#3A6899;
    color:orange;
    text-align:center;
    border-radius:7px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    height:14px;
    margin:2px;
    padding:5px;
    vertical-align:bottom;
}

.body_text
{
font-size:12px;
color:#000033;
line-height:15px;
}
.choicepanel
{
	/* default background colour, for all layout engines that don't implement gradients */
	background: #A0A6B2;

	/* gecko based browsers */
	background: -moz-linear-gradient(top, #CAD0E0, #AAB0BE);

	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#CAD0E0), to(#AAB0BE));

	height: auto; /* gradient uses the full height of the element */
	border:0px;
}
.choicepanel tr th
{
	border: 0px;
	/*background-color:#3D699A;*/
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding-left:4px;
}


.choicepanel tr td 
{
	border: 0px;
	font-size:12px;
	color:#000033;
	text-align:right;
	padding-right:3px;
}
#subpanel
{
	/* default background colour, for all layout engines that don't implement gradients */
	background: #BBBBEE;

	/* gecko based browsers */
	background: -moz-linear-gradient(top, #CCCCFF, #AAAACC);

	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDFF), to(#AAAACC));

	height: auto; /* gradient uses the full height of the element */
	border:0px;
}

.dropdiv
{
width:100%; /*96px*/
background-color:#CCCCCC;
border: 1px solid #999999;
border-bottom:0px;
text-decoration:none;
}
.dropdiv:focus
{color: #FF6600; background-color:#EEEEEE;text-decoration:none;}
.dropdiv:hover
{color: #FF6600;  background-color:#EEEEEE;text-decoration:none;}

.droplink
{
border:0px;
padding-left:4px;
font-size:12px;
color:#000033;
text-decoration:none;
}
.droplink:link    {color: #000033; text-decoration:none;}
.droplink:visited {color: #000033; text-decoration:none;}
.droplink:hover   {color: #FF6600; text-decoration:none;}
.droplink:focus   {color: #FF6600; text-decoration:none;}
.droplink:active  {color: #0000FF; text-decoration:none;}

.error_message
{
	font-size:12px;
	font-weight:bold;
	color:red;
	line-height:21px;
	padding-left:0px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	vertical-align:middle;
	border:0px;
}

.field_name
{
	font-size:12px;
	height:27px;
	vertical-align:middle;
	color:#000033;
}

.fixed_width
{
	font-family: Courier New;
	font-size:12px;
	vertical-align:top;
	color:blue;
}

.foot_link
{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans serif;
	font-size:10px;
	border:0px;
}
.foot_link:link {color: #FFFFFF; text-decoration:none}
.foot_link:visited {color: #FFFFFF; text-decoration:none}
.foot_link:hover {color: #FF6600; text-decoration:none}

#footer-div
{
	color: #FFFFFF;
	background-color:#3A6899;
	text-align:center;
	border-radius:5px;
	margin-left:6px;
	margin-right:6px;
	font-family:Arial, Helvetica, sans serif;
	font-size:10px;
	border:0px;
}
#footer-div div a:link
{
	color: #FFFFFF;
}
#footer-div div  a:visited {color: #ffffff}
#footer-div div  a:hover {color: #FF6600; text-decoration:none}
#footer-div div  a:focus {color: #FF6600; text-decoration:none}
#footer-div div  a:active {color: #0000FF}


.hyperlink_text
{
	font-size:12px;
	color:#000033;
	text-decoration:underline;
}
.hyperlink_text:focus
{
	color: #FF6600; text-decoration:none;
}
.hyperlink_text:hover
{
	color: #FF6600; text-decoration:none;
}



.icontable tr th
{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#3D699A;
	text-align:center;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom:0px;
	border-left:0px;
}

.icontable tr td
{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom:0px;
	border-left:0px;
	background-color:#A0A6B2;
	font-size:12px;
	color:#000033;
	text-align:left;
	padding:6px;
}

.icontableinner tr th
{
	border:0px;
	background-color:#3D699A;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}


.icontableinner tr td
{
	border:0px;
	background-color:#A0A6B2;
	font-size:12px;
	color:#000033;
	text-align:left;
}
.IDV
{
	background-color: #cceeaa;
	height:16px;
	background: -moz-linear-gradient(to bottom, #e1ffaa 0%,#e1ffaa 7%,#e1ffaa 12%,#fdffaa 12%,#e6f8a5 30%,#c8eea4 54%,#bee4a3 75%,#b1d8a2 100%); /* W3C */
	background: -ms-linear-gradient(to bottom, #e1ffaa 0%,#e1ffaa 7%,#e1ffaa 12%,#fdffaa 12%,#e6f8a5 30%,#c8eea4 54%,#bee4a3 75%,#b1d8a2 100%); /* W3C */
	background: -o-linear-gradient(to bottom, #e1ffaa 0%,#e1ffaa 7%,#e1ffaa 12%,#fdffaa 12%,#e6f8a5 30%,#c8eea4 54%,#bee4a3 75%,#b1d8a2 100%); /* W3C */
	background: linear-gradient(to bottom, #e1ffaa 0%,#e1ffaa 7%,#e1ffaa 12%,#fdffaa 12%,#e6f8a5 30%,#c8eea4 54%,#bee4a3 75%,#b1d8a2 100%); /* W3C */
	background: -webkit-linear-gradient(top, #e1ffaa 0%,#e1ffaa 7%,#e1ffaa 12%,#fdffaa 12%,#e6f8a5 30%,#c8eea4 54%,#bee4a3 75%,#b1d8a2 100%); /* Chrome10+,Safari5.1+ */
	color:#007700;
	font-size:smaller;
	vertical-align:5px;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;
	border-radius:5px;
	line-height:12px;
	font-family:Calibri;
	border:1px solid #BBDDBB;
	zoom:1;
	 /* below for IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1ffaa', endColorstr='#b1d8a2', GradientType=0);
}

.IDV:hover {cursor:help}
.infopanel
{
	border-radius:8px;
	border-radius:8px;
	
	/* Fallback */
	background-color:#DDDDEE;   /* required cos IE9 somehow ignores the background-image below */
	background-image:url('/images/box1.gif');
	background-repeat:repeat-x;

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CAD0E0), color-stop(1, #A4AAB6));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #CAD0E0 0%, #A4AAB6 100%);
}
.infopanel table
{
    width:100%;
}
.infopanel th
{
    background-color:#3D699A;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height:23px;
    border-bottom:2px solid white;
}
.infopanel td
{
    text-align:left;
    padding-left: 13px;
    padding-right:7px;
}

.help:hover {cursor:help; color:orange}

.inner_content
{
	font-size:20px;
	font-weight:bold;
	color: #336699;
}
.input
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000033;
	vertical-align:middle;
	padding-left:2px;
	background-color:White;
}
.linkbutton:link
{
	vertical-align:baseline;
	height:16px;
	width:120px;
	line-height:15px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	font-size:20px;
	font-weight:bold;
	color: #336699;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:5px;
	padding-right:5px;
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	border-right:2px solid #777777;
	border-bottom:2px solid #777777;
	border-radius:5px;

	/* Fallback */
	background-color:#DDDDEE;   /* required cos IE9 somehow ignores the background-image below */
	background-image:url('/images/box1.gif');
	background-repeat:repeat-x;

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CAD0E0), color-stop(1, #A4AAB6));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #CAD0E0 0%, #A4AAB6 100%);
}

.linkbutton:visited
{
	vertical-align:baseline;
	height:16px;
	width:120px;
	line-height:15px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	color:#336699;
	font-size:20px;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:5px;
	padding-right:5px;
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	border-right:2px solid #777777;
	border-bottom:2px solid #777777;
	border-radius:5px;

	/* Fallback */
	background-color:#DDDDEE;   /* required cos IE9 somehow ignores the background-image below */
	background-image:url('/images/box1.gif');
	background-repeat:repeat-x;

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CAD0E0), color-stop(1, #A4AAB6));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #CAD0E0 0%, #A4AAB6 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #CAD0E0 0%, #A4AAB6 100%);
}
.linkbutton:hover
{
	color:#333388;
}

.menu
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:red;
	vertical-align:top;
}
.menu:link {color: #272953; text-decoration:none}
.menu:visited {color: #272953; text-decoration:none}
.menu:hover {color: #FF6600; text-decoration:none}

.pricetable tr th
{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#3D699A;
	text-align:center;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.pricetable tr td 
{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color:#A0A6B2;
	font-size:12px;
	color:#000033;
	text-align:right;
	padding-right:10px;
}

#prices a:link
{
	color:white;
}
#prices a:visited
{
	color:white;
}
#prices a:hover
{
	color:orange;
}


.pricetableflipped tr th
{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color:#3D699A;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:3px;
}


.pricetableflipped tr td 
{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color:#A0A6B2;
	font-size:12px;
	color:#000033;
	text-align:right;
	padding:3px;
	padding-right:7px;
}
.pricetableflipped tr th a
{
	color:white;
}
.pricetableflipped tr th a:hover
{
	color:orange;
}

.products_bottom 
{
	padding-left:14px;
	/*height:28px;*/
	font-size: 12px;
	color: #272953;
	font-weight: bold;
	text-decoration:none;
}

.products_bottom:link {color: #272953; text-decoration:none}
.products_bottom:visited {color: #272953; text-decoration:none}
.products_bottom:hover {color: #FF6600; text-decoration:none}

.product_definition
{
	font-size:12px;
	vertical-align:middle;
	color:#000033;
	line-height:15px;
}


.main_content_cell
{
	padding-left:25px;
	padding-top:22px;
	vertical-align:top;
}

.register
{
	width:190px;
	font-size:14px;
	color:#FF9900;
	font-weight:bold;
	line-height:15px;
	margin-left:auto;
	margin-right:auto;
}
.register-top
{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align: top;
	background-color:#3b699b;
	border-bottom:2px solid white;
}
.register-left
{
	width: 90px;
	height: 63px;
	background-color:#a0a6b2;
	border-bottom-left-radius:5px;
	text-align:center;
}
.register-right
{
	font-weight:normal;
	background-color:#a0a6b2;
	border-bottom-right-radius:5px;
	padding-right: 6px;
	vertical-align: middle;
	background-color:#a0a6b2;
}

.simpletable tr td
{
border:0px;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
font-size:12px;
color:#000033;
text-align:left;
padding-left:2px;
margin:0px;
}


.tickbox_explanation
{
font-size:12px;
vertical-align:top;
color:#000033;
}


.titles
{
font-size:16px;
font-weight:bold;
color: #CC0000;
}
.titles:link {font-size:20px; font-weight:bold; color: #CC0000; text-decoration:underline}
.titles:visited {font-size:20px; font-weight:bold; color: #CC0000; text-decoration:underline}
.titles:hover {color: #FF6600; text-decoration:none}

.titles_small
{
font-size:14px;
font-weight:bold;
color: #CC0000;
}
.troubleshooter tr th
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#3D699A;
text-align:left;
vertical-align:top;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
padding-left:4px;
}

.troubleshooter tr td 
{
border-top: 1px solid #fff;
border-right: 1px solid #fff;
background-color:#A0A6B2;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
text-align:left;
vertical-align:top;
padding-top:6px;
padding-left:4px;
padding-right:8px;
padding-bottom:6px;
}


#menu-menu a
{
	font-size:13px;
	color: #111111;
    padding: 6px 1px 5px 10px;
    text-shadow: 1px 1px 0 #EEEEEE;
	text-decoration:none;
}
#menu-menu li
{
	margin-right:8px;
}

/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin-top:6px;
	margin-bottom:6px;
	/* Clear floats */
	float:left;
	width:100%;
	padding-left:0px !important;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	/*margin-right:10px;*/
	position:relative;
	list-style-type:none !important;
}
#nav a{
	display:block;
	padding:5px;
	color:#000000;
	background:#cccccc;
	text-decoration:none;
}
#nav a:hover{
	color:#ffffff;
	background-color:#666666;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:white; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	filter: alpha(opacity=50);
	/*background:rgba(255,255,255,0);*/ /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	border:0px solid red;
	padding-left:0px;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	list-style-type:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:143px; /* Bring back on-screen when needed */
	top:-9px;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	/*color:#ffffff;*/
	/*background:#cccccc;*/
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color:#ffffff;	background:#666666;
}