/*---------------------------------
General html body items
-----------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	margin: 0 auto;
	padding: 0;
	background-color:#f8f8f8; 
}	
#overall {
	background-color: #fff;
}
img {
	border: 0;
}
h1, h2 {
	margin: 11px 10px 4px 10px;
	*margin: 8px 8px 4px 8px;
	padding: 0 4px 2px 4px;
	*padding: 0 4px 2px 4px;
	font-size: 1.05em;
	border-bottom: 1px solid #369;
}
h3 {
	padding: 4px;
	font-size: 1.02em;
	margin: 0 16px 8px 16px;
	color: #369;
	border-bottom: 1px solid #69C;
}	
h3 span {
	color: #888;
	font-weight: normal;
}
h4 { /*recent news*/
	color: #363;
	font-size: 1.02em;
	margin:8px 0;
	padding:0 0 0 4px;
}
h5 {
	color: #036;
	font-size: 1.0em;
	margin: 0 16px 8px 0;
	padding:0 4px;
}
.quiet {
	font-size: .75em;
	color: #666;
}
.strong {
	font-weight: Bold;
}
.em {
	font-style:italic;
}
.em_strong {
	font-weight: bold;
	font-style: italic;
}
.quickbut {
	margin: 16px 16px 16px 24px;

}

/*---------------------------------
Anchor
-----------------------------------*/
a, a:visited {
	color: #039;
}
a:hover {
	color: #600;
	text-decoration: none;			
}
/*---------------------------------
Header Main Menu (Topper)
-----------------------------------*/
#header_top {
	
	width: 992px;
	height: 72px;  /*64px*/
	margin:0 auto; 
	padding: 0;
	background:url(../images/header08.gif) no-repeat center;
}	
.menu_box {	
	/*background-color:#fff;*/
	

	*margin-top: 0;
	border-bottom: 2px solid #069;
}	  
ul.main_menu {
	margin: 0;
	padding: 16px 4px 6px 32px;
	list-style: none;
	background: url(../images/bg2_top.gif) repeat-x;
	background-position: 100% -42px;
	text-align: center;
}	
ul.main_menu li {	
	display: inline;
	font-size: 11px;
	font-weight: bolder;
	padding: 0px;
}
ul.main_menu li.back a{
	background: url(../images/tabs_outline_03_left.gif) no-repeat;
	background-position: 0%  -45px ;
	padding:9px 0 6px 8px;
	margin: inherit 4px 0 -4px;
	text-decoration:none;
	color: #069;
	*padding-top:0;
	*padding-bottom:0;
}
ul.main_menu li.back span{
	background:url(../images/tabs_outline_03_right.gif) no-repeat;
	background-position: 100%  -45px ;
	padding: 9px 20px 6px 12px ;
	margin: 0;
	*padding-bottom:6px;
	*padding-top:9px;
}
ul.main_menu li.current  a{
	background:url(../images/tabs_outline_03_left.gif) no-repeat;
	background-position: 0%  -90px;
	padding: 10px 0 8px 8px;
	margin: inherit 4px inherit -4px; 
	color: #ff6600;
	font-weight:bold;
	text-decoration:none;
	*padding-bottom:0px; 
	*padding-top:0px;
	cursor:default;
}
ul.main_menu li.current span {
	background:url(../images/tabs_outline_03_right.gif) no-repeat ;
	background-position: 100%  -90px ;
	padding: 10px 20px 8px 12px;
	margin:0;
	*padding-bottom:8px;
	*padding-top:10px;
}
ul.main_menu li.back a:hover {
	color: #069;
	text-decoration: underline;
	background:url(../images/tabs_outline_03_left.gif) no-repeat left top;
	padding-top:10px;
	padding-bottom:6px; 
	*padding-bottom:0px;
	*padding-top:0px;
}
ul.main_menu li.back  a:hover span{
	background:url(../images/tabs_outline_03_right.gif) no-repeat right top;
	padding-top:10px;
	padding-bottom:6px; 
}
/*---------------------------------
Body Box
-----------------------------------*/
#body_box {
	width:992px;
	margin: 0 auto;
	padding: 16px 0 32px 0;
	background-color:#FFFFFF;
}
/*---------------------------------
Side Menu
-----------------------------------*/
#left_box {
	float: left;
	width: 186px; 
}	
.side_box {
	padding-top: 6px;
	margin:8px 6px 4px 3px;
	*margin: 5px 7px 4px 2px;
	/*min-height: 150px; /*for firefox*/
	/*height: 150px;  /*for IE, min-height makes the side buttons jump*/
}
.side_box span, .side_box h4{
	padding:0 0 0 4px;
	margin: 0;
	font-size:11px;
	font-weight:bold; 
	color:#aaa; 
}
ul.sub_menu {
	padding: 4px 0;
	margin: 3px 0 16px 0;			
	list-style: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
ul.sub_menu li {
	padding:3px 4px 3px 6px;
	*padding: 3px 4px 3px 5px;
}		
ul.sub_menu li a, ul.sub_menu li a:visited  {
	margin: 0;
	padding: 4px 2px 4px 10px;
	font-size: 11px;
	color: #039;
	text-decoration:none;
	*padding:4px 2px 4px 10px;
	*margin:0 8px 6px 6px;
}
ul.sub_menu li.selected a, ul.sub_menu li.selected a:visited  {
	color: #ff6600;
	font-weight: bold;
	background: url(../images/triangle_blue.gif) no-repeat center left;
	cursor: default;
}
ul.sub_menu li a:hover {
	color: #600;
	background: url(../images/triangle_blue.gif) no-repeat center left;
}
ul.side_menu {
	padding: 0;
	margin: 0;
	list-style: none;	
}		
ul.side_menu li {
	width: 144px; /* width: 168px*/
	height: 30px;
	margin: 4px;
	padding: 16px 8px 0 24px;
	background:url(../images/gray_banner07.gif) no-repeat center left;
	font-size: 11px;
	font-weight: bold;		
	text-align: left;	
}			
ul.side_menu li a, ul.side_menu li a:visited{			
	text-decoration: none;
}	
ul.side_menu li a:hover {
	color: #600;
	text-decoration: underline;		
}	
/*---------------------------------
Total Box (uses the whole layout)
-----------------------------------*/
.total_box {
	width:992px; 
	padding:0px;
	text-align:left;
	margin: 0 0 16px 0;
}
/*---------------------------------
Pictures
-----------------------------------*/
.shot_box { 
	padding:0px;
	text-align:center;
}
.shot_box img, .tour img
{
	background-color: #FFF;
	border: 0px solid #DFDFDF;
	margin: 0px;
	padding: 4px;
}
/*---------------------------------
Main Box
-----------------------------------*/
.main_box {
	width:600px; 
	padding:0 4px 4px 4px;
	*padding: 2px 4px 4px 4px;
	float:left;
	text-align:left;
	margin: 0;
}
.main_box p, .total_box p {
	margin: 8px 24px;
	padding: 2px;	
}		
.main_box p {
	line-height: 1.5em;
}
.main_box ol, .main_box ul {
	margin: 6px 32px 6px 40px;
	*margin:8px 24px 6px 36px;
	padding: 6px;	
	list-style:none;
	list-style-type:none;
}
.main_box li{
	line-height:1.5em;
	list-style-image:url(../images/triangle4b.gif);
	list-style-position:outside;
}
.review li {
	list-style:none;
	list-style-image:url(../images/review01_3.gif);
	list-style-position:outside;
	padding: 0 0 4px 0;
	*padding: 0 0 8px 8px;	
}
/*---------------------------------
Feature matrix
-----------------------------------*/
.tableheader {
	padding:4px;
	background-color: #069;
	color: #FFF;
	font-size:small;
	text-align:center;
	font-weight: bold;
}
.row_a {
	background-color: #fcfcfc;		
	padding: 4px 12px 4px 4px;
	text-align:right;
}
.row_b {
	background-color: #f5f5f5;		
	padding: 4px 12px 4px 4px;
	text-align:right;
}
.col_p td, .col_pa td, .col_g td, .col_ga td, .col_b td, .col_ba td, .col_fc td, .col_fca td {
	padding:4px;
}
.col_p { background-color:#eeeeee;}
.col_pa{ background-color: #dedede;}
.col_g { background-color:#ffffb2;}
.col_ga{ background-color:#efefa2;}
.col_b { background-color:#e9d790;}
.col_ba{ background-color:#d9c780;}
.col_fc{ background-color:#e1eefb;}
.col_fca{ background-color:#d1deeb;}
/*---------------------------------
Deployment Options box
-----------------------------------*/
.deployment_box {
	margin:0;
	padding:0;
}
.deployment_box img {
	padding: 0 20px;
}
/*---------------------------------
Question or Suggestion box
-----------------------------------*/
.form_box {
	width: 584px;
	padding: 0 8px;
}
.form_box table {
	border: 1px solid #dfdfdf;
	margin: 8px 0 0 0;
	padding:8px;
}
.form_box td {
	padding: 4px;
	margin: 0 8px;
}
.form_box p {
	margin:0;
	padding:8px;
	background-color: #ffffde; 
	border:1px solid #dfdfdf; 	
}
/*---------------------------------
TIPS
-----------------------------------*/
.tips_box { 
	margin: 8px;
	padding: 0;
	min-height:300px;
}
.tips_box img {
	padding-left: 16px;
}

.tips ul li{
	list-style-image:url(../images/tip01_2.gif);
	padding: 0 0 4px 0;
	*padding: 0 0 8px 8px;
}
/*---------------------------------
Contact us 
-----------------------------------*/
.contact_box {
	margin: 0 16px 16px 16px;
	padding:4px;
	background-color: #F8FAFC;
}
.contact_box ul {
	margin: 4px 16px 16px 16px;
	padding: 8px;
	background-color: #fff;
	border: 1px solid #B0D1EA;
}	
.contact_box li{
	list-style:none;
	padding: 0 8px 8px 16px;
	margin:0 8px;
}
/*---------------------------------
side note (faq...)
----------------------------------*/
.side_note {
	float:right;
	width:192px;
	height:auto;
	border-top: 4px solid #4b78a5;
	font-size:0.9em;
	line-height: 16px;
	color:#333;
	background:url(../images/side_note_bg.gif)  repeat-x top;
	margin: 16px 32px 8px 32px;
	*margin: 16px 16px 8px 16px;
}
.side_note p {
	margin:0;
	*margin:0;
	width:144px;
	text-align:left;
	background:url(../images/side_note_bottom.gif) no-repeat bottom;
	padding: 12px 24px 16px 24px;
	*padding: 12px 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*----------------------------------
FAQ & News
------------------------------------*/
/*.search_bar {
	width:140px;
	*width:140px;
	height: 42px;
	*height: 42px;
	background-color:#eaf0f5;
    border: 1px solid #fff;
	padding: 8px;
	margin: 8px 16px 0px 16px;
	*margin: 8px auto 0px auto;
	*padding: 8px auto;
}
.search_bar span {
	margin: 4px;
	*margin: 4px 6px;
	float:right;
}
.faq {
	margin: 0;
	padding:0;
}
.faq ol li {
	padding: 0 0 4px 0;
	*padding: 0 0 8px 8px;
	list-style:none;
	list-style-image:url(../images/faq02_1c.gif);
	list-style-position:outside;
}
.faq ul ul{
	margin:0 0 0 8px;
	padding:0;
}
.faq ul li {
	list-style:none;
	margin: 4px 0px 4px 12px;
	padding: 0 ;
	*padding: 0 0 4px 8px;
	list-style-position:outside;
	list-style-image:url(../images/faq02_4a.gif);
}*/
.news ul li{
	list-style:none;
	padding: 0 0 4px 0px;
	*padding:0 0 8px 8px;
	list-style-image:url(../images/news02_2.gif);
}
div.news_item {
	margin-left: 18px;
	min-height: 64px;
	background:url(../images/news04a.gif) no-repeat top left;
}
div.faq_item {
	/**height: 64px; break on IE7*/
	min-height: 64px;
	
	background:url(../images/faq01.gif) no-repeat;
	background-position:8px 0px;
}
.news_item h3, .faq_item h3{
	margin:0 32px 0 80px;
	line-height: 175%;	
	vertical-align: top;
}
/*---------------------------------
Client List
-----------------------------------*/
/**/.client_list {
	margin: 0px auto;
}
.client_list img {
	vertical-align: middle;
	padding: 4px 2px;
}
/*--------------------------------
Management Box
-----------------------------------*/
.management_box {
	margin: 0;
	padding: 0;
}
.management_box strong {
	color: #000;	
}
/*---------------------------------
Sub Box
-----------------------------------*/
.sub_box {
	width: 192px;
	margin: 0;
	padding: 0;
	float: right;
}
.sub_box a {
	text-decoration:none;
	color: #000;
}
.sub_box a:visited {
	text-decoration: none;
	color: #666;
}
.sub_box a:hover {
	color: #600;
	text-decoration:underline;
}
.sub_box p {
	margin: 0 4px 8px 12px;
	padding-left: 4px;
	font-size: .75em;
	line-height: 16px;
	color: #444;
}	
.sub_box  h4{
	padding-left: 4px;
	margin: 8px 0;		
}
/*---------------------------------
Breadcrumbs
-----------------------------------*/
.breadcrumbs {
	margin: 0 10px 16px 10px;
	padding: 4px 8px;
	background-color:#F0F0F0;
	text-align:left;
	font-size: .75em; 
	color: #999;
}
.breadcrumbs a, .breadcrumbs a:visited {
	color: #69C;
}
.breadcrumbs a:hover {
	color: #900;
}
/*---------------------------------
Footer
-----------------------------------*/
#footer {
	border-top: 2px solid  #069; 
	margin: -16px auto 0 auto;
	padding:12px 0 8px 0;
	text-align: right;
	background:url(../images/bg3_bottom3.gif) repeat-x;
	
	background-position: 100% -2px; /*for FireFox*/
	*background-position: 100% 0px; 
}

#footer p {
	margin: 0 auto;
	padding: 8px inherit; 
	width: 992px; 
	font-size: .75em;
	color: #555;
}

/*---------------------------
  From ON PAGE styles 
---------------------------*/
.secret {display:none;}
.spambot, #spambot { display: none;} /* Suggestion, Ask-question */

.sitemap_column { /*sitemap column */
	width:300px; 
	float:left;
	list-style:none; 
	list-style-image:url(images/triangle.gif);
	list-style-position:outside;
}
.pad_right { /*tips, next button*/
	padding:0 10px 0 0; 
	*padding-right:8px;
}
.pad_right span {
	float: right;
}
.main_box p.index_descr { /*index page*/
	text-align:left; 
	margin: 2px 42px 2px 42px; 
	padding: 4px 8px 4px 16px; 
	font-size: 11px; 
	background-color: #F3F6F9; 
	border-bottom: 1px solid #E6E9EC; 
	border-right: 1px solid #E6E9EC;"
}

.pad_center { /* tours */
	margin: 16px;
	text-align:center;
	}
.main_cell{ /* downloads*/
	margin: 16px;
	font-size: 10px;
}

.main_cell td {
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

.main_cell th {
	background-color : #F3F3F3;
	text-align: center;
}

.row {
	border: 1px solid #CCC;
}

.new_row {
	background-color : #FFFFF0;
}
.search_result {
	font-style:italic; 
	color:#006600; 
	font-weight:bold;
}

/*#training_menu */
.subtitle{color: #069; font-weight:bold;}
#training_menu p{ padding:12px 8px; border-bottom: dotted 0px #f93; border-top: dotted 1px #f93;}

.center {
	margin: 4px auto;
}