﻿.headerLinks
{
    padding: 0px 15px;
    color:Blue;
}

.PageHeader
{
	height: 42px;
	background-image: url('Images/headerbg.jpg');
	background-repeat:no-repeat;
	background-position: center;
}

.PageFooter
{
	height: 42px;
	background-image: url('Images/footerbg.jpg');
	background-repeat:no-repeat;
	background-position: bottom;
}

input
{
    font-size: 9pt;
    color: #023b6c;
}

a { color: #023564; }
a:link { color: #023564; cursor: pointer; text-decoration: none; }
a:visited { color: #023564; cursor: pointer; text-decoration: none; }
a:hover { color: #527DA8; cursor: pointer; text-decoration: none; }
a:active {color: #023564; cursor: pointer; text-decoration: none; }

a.small { font-size: 85%; }
a.small:link { font-size: 85%; }
a.small:visited { font-size: 85%; }
a.small:hover { font-size: 85%; }
a.small:active { font-size: 85%; }

.darklink a { color: #499300; font-weight: bold; }
.darklink a:link { color: #499300; font-weight: bold; cursor: pointer; }
.darklink a:visited { color: #499300; font-weight: bold; cursor: pointer; }
.darklink a:hover { color: #499300; font-weight: bold; cursor: pointer; }
.darklink a:active {color: #499300; font-weight: bold; cursor: pointer; }

.contentsnippet
{
	border: dotted 1px #527DA8;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 98%;
}

.toolbarcontainer
{
	background-color: #FFFFCC;
	border-top: dotted 1px #527DA8;
	width: 100%;
}

.securityinfocontainer
{
	font-size: 7pt;
	padding: 2px;
}

.toolbarcontainer a { color: #023B6C; border: solid 1px #ececec; font-weight: bold; padding: 3px; }
.toolbarcontainer a:link { color: #023B6C; font-weight: bold; cursor: pointer; }
.toolbarcontainer a:visited { color: #023B6C; font-weight: bold; cursor: pointer; }
.toolbarcontainer a:hover { background-color: #ffffff; border: solid 1px #ececec; color: #023B6C; font-weight: bold; cursor: pointer; text-decoration: underline; }
.toolbarcontainer a:active {color: #023B6C; font-weight: bold; cursor: pointer; }

.StyledCellHeader
{
   background-image: url('Images/cellbg.jpg');
   background-repeat: repeat-x;
    border: solid 1px #c3c3c3;
    
   padding: 3px;
   color: #023b6c;
   font-size: 8pt;
   font-weight: bold;
   text-align: left;
   line-height: 16px;
}

.StyledCell
{
   color: #023b6c;
   border-right: solid 1px #c3c3c3;
   border-left: solid 1px #c3c3c3;
   border-bottom: solid 1px #c3c3c3;
   padding: 3px;
   text-align: left;
   line-height: 16px;
}

.StyledCell a:hover
{
   color: #023b6c;
}

.StyledCell h1
{
   color: #023b6c;
   font-size: 11pt;
   line-height: 14px;
}

.StyledCell a, .StyledCell a:visited, .StyledCell a:hover, .StyledCell a:active
{
   color: #666666;
   cursor: pointer;
   font-size: 8pt;
   font-weight: normal;
   text-decoration: none;
}

.LabelCell
{
	font-weight: bold;
	width: 150px;
	vertical-align: top;
}

.FormTextBox
{
   width: 225px;
}

.HeaderTable
{
	background-color: #023B6C;
	color: #ffcc33;
	width: 850px;
	height: 100%;
}

.ContentCell
{
    background-color: #ffffff; 
    width: 650px;
    color: #023b6c;
    padding:0;
    height: 100%;
}

.ContentCell a, .ContentCell a:link, .ContentCell a:visited  
{ 
    color: #023B6C; 
    font-weight: bold;
}

.ContentCell a:hover
{ 
    color: #023B6C; 
    font-weight: bold;
}

.ControlPanel
{
	width: 175px;
}

.ControlPanel a, .ControlPanel a:link, .ControlPanel a:visited
{
	font-weight:normal;
}

.ControlPanelContainer
{
	background: #f7f8fb;
	border: solid 1px #b8defe;
	padding: 5px;
	height: 430px;
}

.ControlPanelContainer a, .ControlPanelContainer a:link, .ControlPanelContainer a:visited
{
	font-weight:normal;
}

.ControlPanelContainer a:hover
{
	font-weight:bold;
}

.PopupContent
{
	background-color: #ffffff;
}

.YellowBarTop
{
	background-color: White;
	background-image: url(Images/YellowBar.jpg);
	background-repeat: repeat-x;
	height: 20px;
}

.YellowBarBottom
{
	background-color: White;
	background-image: url(Images/YellowBarBottom.gif);
	background-repeat: repeat-x;
	height: 20px;
}

.GrayBarTop
{
    background-image: url(Images/gray_bar_top.gif); 
    background-repeat: repeat-x; 
    background-position: top;
    height: 24px; 
    background-color: White;
    width: 100%;
}

.GrayBarBottom
{
    background-image: url(Images/gray_bar_bottom.gif); 
    background-repeat: repeat-x; 
    background-position: top;
    height: 26px; 
    background-color: White;
    width: 100%;
}

.ErrorMessage
{
   color: Red;
   font-weight: bold;
}

.ProgressBar
{
   position: absolute;
   width: 250px;
   background-color: #ffffff;
   border: solid 1px #333333;
}

.ProgressContainer
{
   position:absolute; 
   top:250px; 
   left:50%; 
   margin-left:0px; 
   width:200px; 
   background-color:#ffffff; 
   border:1px solid #666666; 
   text-align:center; 
   font-size:20px; 
   color:#666666;
}

.gaPreviewPane
{
   width:585px;
   margin-top:20px;
   margin-bottom:20px;
   position:absolute;
   text-align:left;
   vertical-align:top;
   border-style:solid;
   border-width:thick;
   border-color:Navy;
   background-color:White;
   visibility:hidden;
   display:none;
}

.gaPreviewPaneMenubar, .gaPreviewPaneMenubar a, .gaPreviewPaneMenubar table, .gaPreviewPaneMenubar tr, .gaPreviewPaneMenubar td
{
   height:40px;
   width:585px;
   background-color:navy;
   color:White;
   cursor:move;
}

.gaPreviewPane iframe
{
   border-top-style:solid;
   border-spacing:4px;
   border-color:Navy;
   width:580px;
   height:400px;
}

.ShadowRight
{
    background-image: url(Images/ShadowRight.jpg); 
    background-repeat:repeat-y; 
    width:38px;
}

.ShadowLeft
{
    background-image: url(Images/ShadowLeft.jpg); 
    background-repeat:repeat-y; 
    width:38px;
}

.HeaderText
{
	color: #99CA3E;
	font-size: 16px;
	line-height: 24px;
	word-spacing: 1px;
}

.GreenBox
{
	background-position: top left;
	background-image: url(Images/greenbox.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	width: 165px;
	height: 450px;
	padding: 14px;
}

.GreenBox h1
{
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}

.InfoCard
{
	background-color: #ffffff;
	border: double 3px #8CC640;
	position: absolute;
	top: 150px;
	left: 250px;
	width: 300px;
	height: 250px;
}

.InfoCardHeader
{
	background-color: #023B6C;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
	margin: 5px;
	cursor: move;
}

.InfoCardHeader a
{
	color: #ffffff;
	font-weight: bold;
}

.InfoCardBody
{
	background-color: #ffffff;
	padding: 5px;
	height: 100px;
}

.PopupCard
{
	background-color: #ffffff;
	width: 300px;
	height: 180px;
}

.PopupCardHeader
{
	background-color: #023B6C;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
	margin: 5px;
	cursor: move;
}

.PopupCardHeader a
{
	color: #ffffff;
	font-weight: bold;
}

.PopupCardBody
{
	background-color: #ffffff;
	padding: 5px;
	height: 100px;
}

.titlesmall
{
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
}

#topnavigation
{
	height: 24px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	padding:5px;
	position:relative;
    background-image: url(Images/blueline.gif);
    background-repeat:repeat-x;
    background-position:center;
}

#topnavigation a { width:100%; color: #ffffff; font-weight: bold; display:block; text-align:center; }
#topnavigation a:link { color: #ffffff; font-weight: bold; cursor: pointer; text-decoration: none; }
#topnavigation a:visited { color: #ffffff; font-weight: bold; cursor: pointer; text-decoration: none; }
#topnavigation a:hover { color: #ffffff; font-weight: bold; cursor: pointer; text-decoration: none; }
#topnavigation a:active {color: #ffffff; font-weight: bold; cursor: pointer; text-decoration: none; }

#topnavigation li ul li a { color: #0C4576; font-weight: bold; display:block; text-align: left; }
#topnavigation li ul li a:link { color: #0C4576; font-weight: bold; cursor: pointer; text-decoration: none; }
#topnavigation li ul li a:visited { color: #0C4576; font-weight: bold; cursor: pointer; text-decoration: none; }
#topnavigation li ul li a:hover { color: #F4A52C; font-weight: bold; cursor: pointer; text-decoration: none; }
#topnavigation li ul li a:active {color: #0C4576; font-weight: bold; cursor: pointer; text-decoration: none; }

#topnavigation ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#topnavigation li
{
	background-image: url(Images/rounded.blue.Subscribe.gif);
	background-repeat: no-repeat;
	float: left;
	position: relative;
	height: 20px;
	width: 115px;
	margin: 0px 10px;
	padding: 2px 0px;
	white-space:nowrap;
	vertical-align:middle;
	border-style: none;
}

#topnavigation li ul
{
    background-image: none;
	background-color: #FFFFFF;
	top: 24px;
	position: absolute;
	float: left;
	text-align:left;
	border:solid 1px #F4A52C;
	display:none;
}

#topnavigation ul li ul li
{
    background-image: none;
	width: 110px;
	padding:0px;
	text-align:left;
}

#topnavigation li:hover ul
{
	background-color: #ffffff;
	display: block;
}

#topnavigation li.over ul
{
	display: block;
}

#topnavigation li ul li:hover
{
	display: block;
}

.RightNavigation
{
    margin:0;
    padding:0;
    background-color: #527DA8;
    color: White;
    padding: 20px 0px;
    width: 100px;
}

.RightNavigation h2
{
	font-size: 8pt;
	border-bottom: #c3c3c3 1px solid;
	margin:0;
    padding:0;
    padding: 2px 5px;
    background-color: #527DA8;
    color: White;
    line-height: 8pt;
}

.RightNavigation a {color:White;}
.RightNavigation a:hover {color: #F4A52C;}

.ContentPanelLink
{
	font-weight: bold;
    display: block;
    color: White;
    margin: 10px 0px;
    padding: 2px 5px;
    border-bottom: solid 1px #c3c3c3;
}

.BlueButton, .TealButton, .OrangeButton, .GreenButton
{
    background-repeat:no-repeat;
    background-position:center;
    width: 115px;
    height:24px;
    text-align:center;
    color:White;
    font-size: 13px;
    font-weight:bold;
    text-transform:uppercase;
}

.OrangeButton
{
    background-image: url(Images/rounded.orange.NEWS.gif);
}
.BlueButton
{
    background-image: url(Images/rounded.blue.Subscribe.gif);
    background-position:center;
}
.TealButton
{
    background-image: url(Images/rounded.turquoiseFreeTrial.gif);
    background-position:center;
}
.GreenButton
{
    background-image: url(Images/rounded.green.Contactus.gif);
}

.spacer
{
    width:auto;
    background-image: url(Images/blueline.gif);
    background-repeat:repeat-x;
    background-position:center;
}
.ExampleTemplates
{
    color: #023B6C;
    font-weight:bold;
    padding:5px;
    text-align:center;
}
#ContactForm, #ContactForm p
{
   padding:5px;
   margin:0;
}
.colLeft
{
    width: 200px;
    text-align: right;
    font-weight:bold;
    vertical-align: top;
    float:left;
}

.colRight
{
    text-align: left;
}