@charset "utf-8";
/* CSS Document */

/** ======================================================================== **/
/** Reset Styles **/
/** ======================================================================== **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after,q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }


/** ======================================================================== **/
/** Global Styles **/
/** ======================================================================== **/

html, body {
	padding : 0px;
	margin : 0px;
	width : 100%;
	height : 100%;
	position: static;
	background-color: #EEEEEE;
	position: relative;
}

/* fix for transparent png files */
img { _behavior: url(/graphics/png.htc); } 

blockquote {
	font-size: 11pt;	
	font-style: italic;
	margin: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	width: auto;
}

blockquote cite {
	font-style: normal;
	font-size: 9pt;
	display: block;
	padding-left: 1em;
}	

strong { font-weight: bold; }

#container {
	width: 1000px;
	height: 100%;
	background-color: #086DE3;
	margin-left: auto;
	margin-right: auto;
    padding: 0;
}

.center { text-align: center; }


/** ======================================================================== **/
/** Header and Footer Styles **/
/** ======================================================================== **/

#header {
	background: #000033 url(/graphics/whitebgtop.gif) repeat-x;
	height: 90px;
	width: 100%;
	position: relative;
}


.headerlogo { float: left; }
.headerphone {
	position: absolute;
	right: 20px;
	top: 10px;
	color: #999;
	font-family: "Century Gothic", Calibri, Geneva, Arial, "Sans Serif", Sans;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.loginform { float: right; }

/*
.logins {
	background: #FFFFFF url(/graphics/loginbg.png);
	_background: #FFFFFF url(/graphics/loginbg.gif);
	margin: 0px;
	height: 22px;
	width: 75px;
	border-style: none;
	font: 11px Arial, Helvetica, Sans-serif;
	text-align: right;
	padding: 0px 5px;
}
*/

.menubar {
	font: 16px Verdana, Geneva, sans-serif;
	text-transform: lowercase;
	color: #D5D5D5;
	letter-spacing: 1px;
	top: 60px;
	right: 0px;
	position: absolute;
	padding-right: 1em;
}
.menubar a:link { font-weight: normal; color: #999999; text-decoration: none; }
.menubar a:visited { color: #999999; text-decoration: none; }
.menubar a:hover { color: #990000; border-bottom: 1px dotted #990000; }
.menubar a:active {	color: #FF0000;	border-bottom: 1px solid #FF0000; }

#footer { background: #086DE3; padding-bottom: 5px; margin-top: 0; }
#footer p {
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	color: #EEEEEE;
	font-size: 11px;
	line-height: 13px;
}
#footer a { color: #EEEEEE; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer hr { padding: 0; margin-top: 1em; }


/** ======================================================================== **/
/** Homepage styles **/
/** ======================================================================== **/

#homeintro {
	background: #FFF6DB url(/graphics/orangebgfront.jpg) repeat-x;
	padding-top: 5px;
	height: 260px;
	width: 100%;
}

#homeintro .lead {
	font: 18px "Trebuchet MS", Helvetica, Sans-serif;
	letter-spacing: 0.1em;
	color: #324A89;
	padding: 10px 10px 9px 15px;
}


#homeintro td { vertical-align: middle; }
#homeintro td div#tagline {
	font: 30px "Trebuchet MS", Helvetica, Sans-serif;
	letter-spacing: 0.1em;
	color: #324A89;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;
}
#homeintro td div#new {
    font: 14px "Trebuchet MS", Helvetica, Sans-serif;
    color: #324A89;
    letter-spacing: normal;
	width: 350px;
	margin-left: auto;
	margin-right: 0;
    margin-top: 1.5em;
}
#homeintro td div#new img { float: left; }
#homeintro td div#new div { padding-top: 4px; margin-left: 54px; }
#homeintro td div#new a { text-decoration: none; color: #324A89; }
#homeintro td div#new a:hover { text-decoration: underline; }

#foursteps { background: #086DE3 url(/graphics/bluebg.jpg) repeat-x; text-align: center; }
#foursteps td { text-align: left; vertical-align: top; }
#foursteps td.text {
    font: 11px Arial, Helvetica, Sans-serif;
    background: url(/graphics/fourpointstdbg.png) no-repeat;
	_background: none;
	width: 25%;
}
#foursteps .text p {
	font: normal 11px Arial, Helvetica, Sans-serif;
	font-weight: bold;
	line-height: 1em;
	margin: 3px 10px 5px;
	text-align: left;
}


/** ======================================================================== **/
/** Subpage styles **/
/** ======================================================================== **/

#main {
	background: #086DE3 url(/graphics/bluebg.jpg) repeat-x;
	margin-bottom: 0;
	padding-bottom: 1em;
}

#title {
	background-image: url(/graphics/subpagetopbg.png);
	_background-image: url(/graphics/subpagetopbg.gif);
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	background-repeat: no-repeat;
	height: 48px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#title h1 {
	font-family: "Century Gothic", Calibri, Geneva, Arial, "Sans Serif", Sans;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0305A7;
	text-align: right;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#content {
	margin-top: 0px;
	margin-right: 30px;
	margin-left: 30px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 1em;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-height: 340px;
    _height: 340px;
    background-color: white;
}

#content.sidebar {
    background: white url(/graphics/site/bg_main_reverse.gif) top right repeat-y;
    padding-right: 0px;
}

#content h1 {
	font-size: 20px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CC3300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content h2 {
	font-size: 16px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: black;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content h2.feature {
    color: #CC3300;
}


#content h3 {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0033CC;
	margin-bottom: 12px;
}

#content p {
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

#content p.caption {
	width: 600px;
}

#content p.back {
	font-size: 17px;
	font-style: normal;	
	margin-top: 1em;
	padding-left: 1em;
}

#content table#features { width: 100%; }
#content table#features td { vertical-align: top; }
#content table#features th { vertical-align: top; width: 90px; }
#content hr { color: #CCCCCC }
#content a:link { font-weight: normal; color: #0000CC; text-decoration: none; }
#content a:active { color: #FF0000; }
#content a:visited { color: #0066CC; text-decoration: none; }
#content a:hover { color: #990000; border-bottom: 1px dotted #990000; }

#content img.right {
    float: right;
    margin-left: 1em;
    margin-top: 12px;
}

#content img.left {
    float: left;
    margin-right: 1em;
    margin-top: 12px;
    /*clear: right;*/
}

#content img.clear {
    clear: both;
}

#content img.icons {
	float: left;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}

#content ul, #content ol {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 20px;
}
#content ul.icons li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 9px;
	margin-left: 30px;
	.margin-left: 100px;
	list-style-type: square;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 30px;
	.padding-left: 10px;
	list-style-image: url(/graphics/14_layer_lowerlayer.png);
	_list-style-image: url(/graphics/14_layer_lowerlayer.gif);
}

#content ol li {
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	margin-bottom: 9px;
	margin-left: 15px;
	.margin-left: 5px;
	list-style-type: decimal;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 30px;
	.padding-left: 10px;	
}

#content ul li {
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin-bottom: 5px;
	margin-left: 15px;
	.margin-left: 5px;
	list-style-type: square;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 30px;
	.padding-left: 10px;
	list-style-image: url(/graphics/14_layer_lowerlayer.png);
	_list-style-image: url(/graphics/14_layer_lowerlayer.gif);	
}

#content p.byline {
	line-height: normal;
	font-size: 10px;
	font-weight: normal;
	color: #636363;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 2em;
}	

#body {
    width: 690px;
    margin-right: 30px;
}

#sidebar h1 a:hover { color: white; text-decoration: underline; border: none;}
#sidebar h1 a:visited { color: white; }
#sidebar h1 a:link { color: white; font-weight: bold; }
#sidebar {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background:rgb(245,245,245); border-top: 20px solid white; }
#sidebar .corner {width:10px; height:10px; position:absolute; z-index:100; margin:0; background:url(/graphics/site/bg_corner_topleft.gif) no-repeat; }
#sidebar h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:#FF7C00; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:15px; margin-bottom: 0.5em;}
#sidebar h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:#FF7C00; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:15px; margin-bottom: 0.5em;}
#sidebar h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:15px;}
#sidebar h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:12px;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
#sidebar p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:12px;}
#sidebar p.center {text-align:center;}
#sidebar p.right {text-align:right;}
#sidebar dl {width:199px; border-bottom:solid 1px rgb(200,200,200);}
#sidebar dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
#sidebar dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%;}
#sidebar dt a:hover, .nav3-grid dd a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}
#sidebar label { color:#505050; font-size:12px; line-height:1.3em; margin:0 0px 10px 20px;}
#sidebar input.button {margin:5px 15px 10px 0px; float:right;}

/** ======================================================================== **/
/** Form Styles **/
/** ======================================================================== **/

form { margin: 0px; padding: 0px; }
optgroup { font-style: normal; font-size: 8pt; }
option { font-style: normal; font-size: 8pt; }

input.stdText, input.stdPassword { font-size: 8pt; color: #2E2E2E; width: 96%; _width: 100%; }
select { font-size: 8pt; color: #2E2E2E; width: 98%; _width: 102%; }
select.inline { padding: 0px; border: 1px solid #CCCCCC; position: relative; top: 1px; _top: 2px; }
textarea { font-size: 9pt; color: #2E2E2E; width: 96%; _width: 100%; }
input.number { font-size: 8pt; color: #2E2E2E; width: 96%; _width: 100%; text-align: right; }
input.readonly { background-color: #DDDDDD; border: 1px solid #A5ACB2; padding: 1px; _padding-left: 2px; _padding-right: 2px; }

span.formCheckBoxPair {	float: left; white-space: nowrap;  }
span.formCheckBoxPair input { float: left; }
span.formCheckBoxPair label { float: left; margin-top: 3px;	_margin-top: 4px; }
.nowrap { white-space: nowrap; }
.wrap { white-space: normal; }
input.stdError { border: 1px solid red; padding-top: 2px; padding-bottom: 2px; padding-left: 1px; padding-right: 1px; }
textarea.stdError { border: 1px solid red; padding-top: 2px; padding-bottom: 2px; padding-left: 1px; padding-right: 1px; }
form span.error	{ display: block; color: red; font-size: 7pt; white-space: normal; }

input.button {
	color: #3B3B3B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #C4C4C4;
	background-color: #C4C4C4;
	background-image: url(/graphics/btn_bg.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 2em;
}

label.required { font-weight: bold; }

/** ======================================================================== **/
/** Table Styles **/
/** ======================================================================== **/

.formTable { width: 80%; }
.formTable th { vertical-align: top; padding-top: 4px; padding-bottom: 2px; width: 10%; white-space: nowrap; padding-left: 10px; text-align: right; font-weight: normal; font-size: 10pt; }
.formTable td { vertical-align: top; padding-top: 2px; padding-bottom: 2px; width: 40%; _padding-right: 6px; _padding-top: 1px; _padding-bottom: 1px; font-size: 10pt; }
.formTable td.notes { vertical-align: top; padding-top: 4px; padding-bottom: 2px; padding-left: 2px; }
.formTable td.header { vertical-align: top; padding-top: 2px; padding-bottom: 2px; font-size: 10pt; font-weight: bold; }
.formTable td img { vertical-align: top; padding: 0px; margin: 0px; }
.formTable .text { font-size: 9pt; display: block; padding-top: 1px; padding-left: 2px;}
.formTable .afterText { font-size: 9pt; padding-top: 1px; padding-left: 2px;}
.formTable .textError { font-size: 9pt; display: block; padding-top: 1px; padding-left: 2px; color: red; }
.formTable .buttons { white-space: nowrap; padding-left: 30px; }
.formTable .buttons input { margin-left: 20px; }
.formTable .buttons .save { margin-right: 20px; }
.formTable td.long { vertical-align: top; padding-top: 2px; padding-bottom: 2px; width: 40%; _padding-right: 6px; }

table.team { padding-left: 2em; margin-top: 0.5em; }
table.team td { font-size: 14px; }
table.about { padding-left: 2em; margin-top: 0.5em; }
table.about td { font-size: 14px; line-height: 1.5em; }

.loginTable th { font-size: 12pt; }
.loginTable td { font-size: 12pt; }
.loginTable input.stdText { font-size: 10pt; }
.loginTable input.stdPassword { font-size: 10pt; }
.loginTable input.stdSubmit { font-size: 10pt; margin-top: 0.5em; }

table.freetrial { width: 700px; margin-top: 1em; margin-bottom: 1em; margin-left: auto; margin-right: auto; }
table.freetrial th { padding: 0px; }
table.freetrial td { padding-top: 10px; padding-left: 5px; font-size: 10pt; vertical-align: top; }
table.freetrial h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #003399;
	text-decoration: none;
	margin: 0;
}
table.freetrial h1 a { color: #003399; text-decoration: none; }
table.freetrial h1 a:hover { text-decoration: underline; }