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

/*The following rule forces all browsers to show the vertical scroll bar. This makes the display consistent between browsers rather than have it show on long pages only and go away on short pages. In these cases the pages on Firefox browsers have an annoying "shift" */
html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }
/*Firefox scrollbar shift rule above */

#top { margin: 0 auto; width: 924px;}
#menu { width: 924px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }	
#logo {float: left;}
#tagline {float: left; font-size: 12px; font-weight: bold; color: #333; margin-left: 30px; margin-top: 38px;}
#SearchForm {float:right; margin-top: 38px;	}
#container { margin: 0 auto; width: 924px; border-top: 10px solid #ffffff;}
.errors { font-size: 12px; font-weight: bold; color: #FF0000; text-transform: uppercase; }
.thanks {color: #CC0033;}
.strong {	font-weight: bold; }
.blue {
	color: #004984;
}

.openingparagraph { font-weight: bold; line-height: 24px; font-size: 13px; }
p.smallText { font-size: 11px; color: #333333; }
.titleNews { background-image: url(../images/RightsideHeaderbg1.gif); background-repeat: no-repeat; margin: 0px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; background-color: #1c6bb0; }
table tr .hide { display: none; }
.titleNews { padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
	#columnOne { float: left; width: 714px;}
	/*#columnOne h1{ border-top:1px dotted #ccc; border-left:1px dotted #ccc; margin-left:-0.5ex; padding-top: 0.8ex; padding-right: 0.8ex; padding-bottom: 0; padding-left: 0.8ex; }*/

	#columnOneSub {	float: left; width: 714px;}
	#columnTwo { float: left; margin-left: 10px; width: 200px;}

.home { background: url(../gui/layout/bottom_home.gif) no-repeat bottom left; padding-bottom:10px;}
.sub { background: url(../gui/layout/bottom_sub.gif) no-repeat bottom left; padding-bottom: 40px;}

.floatright { padding: 0px; float: right; margin-top: 10px; margin-bottom: 10px; margin-left: 15px; }
.floatrightclear {
	padding: 0px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	clear: right;
}
.floatleft { padding: 0px; float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 15px; }
#acrobat { float: right; width: 180px; padding: 5px; border: thin solid #CECECE; }

#subBanner { background-color: #FF8000; height: 100px; width: 100px; color: #FF0000; }

ol.letters { list-style-type: upper-alpha; }


#billboard { background: #fff;}

#breadcrumbsbasic {float: right; margin-right: 10px;}
#breadcrumbsbasic p { font-size: 11px; }
	
#content { border-top: 15px solid #ffffff; padding-right: 10px;}
	#content p { margin-top: 0px;}

.box01 {
	background-color: #6699CC;
}
	.box01 .c1 { background: url(../gui/box01/c1.gif) top left no-repeat;}
	.box01 .c2 { background: url(../gui/box01/c2.gif) top right no-repeat;}
	.box01 .c3 { background: url(../gui/box01/c3.gif) bottom left no-repeat;}
	.box01 .c4 { background: url(../gui/box01/c4.gif) bottom right no-repeat;}
	.box01 .ctn { padding: 10px; padding-bottom: 2px; display: inline-block;} 
		
.box02 {
	background-color: #FFFFFF;
}
	.box02 .brdTop { background: url(../gui/box02/brd_top.gif) top repeat-x;}
	.box02 .brdRight { background: url(../gui/box02/brd_right.gif) right repeat-y;}
	.box02 .brdBtm { background: url(../gui/box02/brd_btm.gif) bottom repeat-x;}
	.box02 .brdLeft { background: url(../gui/box02/brd_left.gif) left repeat-y;}
	.box02 .c1 { background: url(../gui/box02/c1.gif) top left no-repeat;}
	.box02 .c2 { background: url(../gui/box02/c2.gif) top right no-repeat;}
	.box02 .c3 { background: url(../gui/box02/c3.gif) bottom left no-repeat;}
	.box02 .c4 { background: url(../gui/box02/c4.gif) bottom right no-repeat;}
	.box02 .ctn { padding: 15px; padding-top: 10px; padding-bottom: 5px; display: inline-block;}
	
.box03 { background: #787878;}
	.box03 .c1 { background: url(../gui/box03/c1.gif) top left no-repeat;}
	.box03 .c2 { background: url(../gui/box03/c2.gif) top right no-repeat;}
	.box03 .c3 { background: url(../gui/box03/c3.gif) bottom left no-repeat;}
	.box03 .c4 { background: url(../gui/box03/c4.gif) bottom right no-repeat;}
	.box03 .ctn { padding: 13px 0px 13px 0px; color: #ffffff; display: inline-block;}

.box04 { background: #ebebeb;}
	.box04 .c1 { background: url(../gui/box04/c1.gif) top left no-repeat;}
	.box04 .c2 { background: url(../gui/box04/c2.gif) top right no-repeat;}
	.box04 .c3 { background: url(../gui/box04/c3.gif) bottom left no-repeat;}
	.box04 .c4 { background: url(../gui/box04/c4.gif) bottom right no-repeat;}
	.box04 .ctn { padding: 15px;}
	
#submenu { border-bottom: 10px solid #ffffff;}
	#submenu ul, #submenu li { margin: 0; padding: 0; list-style: none; background: none;}
	#submenu li { padding-bottom: 1px; background: url(../gui/submenu/dotted.gif) repeat-x bottom;}
	#submenu li a { display: block; padding: 5px 15px 5px 25px; color: #ffffff; text-decoration: none; background: url(../gui/ul/3.gif) no-repeat 12px 9px; width: 160px;}
	#submenu li a:hover { background-color: #666666;}
	#submenu .active { background-color: #cc0033; color: #ffffff;}
		#submenu .active:hover { background-color: #cc0033; color: #ffffff;}
	#submenu .last { background: none;}

#news { border-bottom: 10px solid #ffffff;}
	#news h1 { margin: 0; padding-top: 5; padding-right: 10px; padding-bottom: 5; padding-left: 10; color: #FFFFFF; font-size: 16px; font-weight: bold; }
	#news .date { margin: 0; padding: 0; font-size: 11px; color: #999;}
	#news p { margin: 0px 0px 15px 0px;}
	#news .active { text-decoration: none; background-color: #E1E1E1; background-image: none; }
	#news .active a{ text-decoration: none;  }
	#news .active a:hover{ text-decoration: none; }


	
#gettingStarted {color: #ffffff;}
	#gettingStarted h1 { text-transform: uppercase; font-size: 17px; font-weight: normal; color: #ffffff;}
	p.signup { font-size: 14px; line-height: 20px; font-weight: bold; margin-bottom: 2px; margin-top: 2px; padding-bottom: 2px; padding-top: 2px;} 
	#gettingStarted form { margin-bottom: 0px; padding-bottom: 7px; }
		
#whyAlgo { float: left; width: 352px; border-top: 7px solid #ffffff; padding-top: 7px;}
	#whyAlgo h1 { margin: 0; padding: 0; display: block; overflow: hidden; width: 352px; height: 30px;}
	#whyAlgo .ctn { padding-bottom: 10px;}
	#whyAlgo #satisfactionGuarantee { float: right; margin-top: 20px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; }
#whyAlgoSub { float: left; width: 714px; border-top: 10px solid #ffffff; padding-top: 10px;}	
	
#latestBlogEntries { float: left; width: 352px; border-top: 7px solid #ffffff; margin-left: 10px; padding-top: 7px; }
	#latestBlogEntries h1 { margin: 0; padding: 0; display: block; overflow: hidden; width: 352px; height: 30px;}
	#latestBlogEntries .ctn { padding-bottom: 10px;}
	#latestBlogEntries h2 a{ padding: 0; font-size: 12px; font-weight: bold; margin-top: 2; margin-right: 0; margin-bottom: 0; margin-left: 0; color: #064b87; }
	#latestBlogEntries .date { margin: 0; padding: 0; font-size: 11px; color: #999;}
	#latestBlogEntries p { margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; }
	
	/*The following divs are for two column lists boxes*/
.floatBoxLeft {float: left; width: 240px; }
.floatBoxRight {float: left; width: 240px; margin-left: 15px;}	
	
	
	
	
#ajaxSearch_form {
	color: #444;
	width: auto;
       }
	   
	   #ajaxSearch_form fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
       #ajaxSearch_input {
           width: auto;
           display: inline;
           height: 17px;
           /*border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;*/
           background: #fff url(images/input-bg.gif) repeat-x top left;
           margin: 0 3px 0 0;
           padding: 3px 0 0;
           vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }	
	
	
	
	
	
	
	
	
	
#contactForm { float: left; margin-top: 0px; margin-right: 20px; margin-bottom: 20px; margin-left: 0px; }
	#contactForm h2 { margin: 0;}
	#contactForm .requiredNot { color: #ebebeb;}
	
#footer { margin: 0 auto; width: 924px; font-size: 11px; color: #5c5b5b; border-top: 10px solid #ffffff; background: url(../gui/footer/dotted.gif) repeat-x top; padding-top: 10px; padding-bottom: 15px; line-height: 15px;}
	#footer ul, #footer li { margin:0; padding: 0; list-style: none;}
	#footer li { float: left; background: none;}
	#footer li a { display: block; background: url(../gui/ul/2.gif) no-repeat center left; padding: 0px 7px 0px 9px;}
	#footer .footer1stLink { background: none; padding-left: 0;}
	#footer p.lightgrey { color: #999999; margin-bottom: 0px; padding-bottom: 0px; }
	
	.footerHome { background: none !important; padding-top: 0px !important;}
	
.required { color: #cc0033;}
.requiredNot { color: #ffffff;}

div.clear { clear: both; height: 0px; float: none;}
	div.clear hr { display: none;}
	
div.ditto_info { padding: 0px;	margin-top: 5px; margin-bottom: 1px; padding-bottom: 1px;}
#latestBlogEntries h2 { margin: 0px; padding: 2px; }

/*Form Styling*/

#Contact label{width: 9em;float: left;text-align: right;margin-right: 0.5em;display: block}
#Contact .submit input{margin-left: 6.5em;} 
#Contact input{border: 1px solid #C0C0C0}
#Contact.submit input{color: #000;border: 2px outset #d7b9c9} 
#Contact fieldset{ border: 1px solid #C0C0C0; width: 45em; padding: 10px;  }
#Contact legend{ color: #575757; border: 1px solid #C0C0C0; padding: 2px 6px } 
#Contact form p { margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.fdexp-info{ color: #A4A4A4; }

#ajaxSearch_form {
	color: #444;
	width: auto;
       }
       #ajaxSearch_input {
           width: auto;
           display: inline;
           height: 17px;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;*/
           background: #fff url(images/input-bg.gif) repeat-x top left;
           margin: 0 3px 0 0;
           padding: 3px 0 0;
           vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }
	   
/*DITTO formatting*/
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #008CBA; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: black;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}