/* CSS Document */
body {
  background: #fff; 
  font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  }
  
p{
  text-align:justify;
  margin: 0 0 5px 0; 
  }


.rounded {
  width:96%;
  border:1px #C9C9A7 solid;
  margin:10px 0 0 3px;
  }

.rounded h4 {
  border-bottom:1px #C9C9A7 solid;
  color:#003196;
  padding:3px 5px 2px;
  margin:0;
  }
  
.rounded .main {
  padding:5px 5px 5px;
  margin:0;
  }

.rounded .main p{ 
  padding:4px 5px 2px;
  margin:0;
  }
	  
.rounded .footer{
  padding:0;
  margin:0;
  }
  
.rounded .footer p{
  color:#888;
  text-align:right;
  display:block;
  padding:5px 10px 5px;
  margin:-0.5em 0 0 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px
  }
  	
.Tabstyle .footer p{
  color:#888;
  text-align:right;
  display:block;
  padding:5px 10px 5px;
  margin:-0.5em 0 0 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px
  }	

.footer_article p{
  color:#ff0000;
  text-align:left;
  display:block;
  padding:5px 10px 5px;
  margin:-0.5em 0 0 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px
  }	
   
.footer a:link,.footer a:visited {
  color:#888;
  text-decoration:none;
}

.footer a:hover,.footer a:active {
  color:#003480;
  text-decoration:none;
}

.Tabstyle{ 
  border: 1px solid #EBEAEE;
  padding:0px 5px 0;
  margin:5px 5px 5px;
  background-color:#fff;
} 

.Tabstyle h5{ 
  border-bottom:1px #C9C9A7 solid;
  padding:4px;
  margin:0;
  font-size:12px;
} 

.Tabstyle p{ 
  padding:0px 5px 2px;
  margin:0;
} 

.Tabstyle ul{
  padding:4px; 
  margin:0;
  list-style-type: none;  
  font-size:12px;
}

.Tabstyle li{
  margin:3px 20px;
  list-style-image: url(../images/arrow.gif);
}

.Tabstyle a:link,.Tabstyle a:visited {
  color: #414141;
  text-decoration:none;
}

.Tabstyle a:hover,.Tabstyle a:active{
  color:#A31A17;
  text-decoration: underline;
}

.list_left ul{
  padding:4px; 
  margin:0;
  list-style-type: none;  
  font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
}

.list_left li{
  margin:3px 20px 0;
  list-style-image: url(../images/list.gif);
  font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
}


.Tabstyle2{ 
  margin:0 0 10px;
  border:1px #C9C9A7 solid;
  background-color:#EEE;
} 

.Tabstyle2 h5{ 
  border-bottom:1px #C9C9A7 solid;
  padding:4px;
  margin:0;
  text-align:center;
  color:#00337F;
  font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
} 

.Tabstyle2 p{ 
  border-bottom:1px #C9C9A7 solid;
  padding:4px 4px 2px;
  margin:0;
  text-align:center;
  font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
} 

.Tabstyle3{ 
  margin:0 0 5px;
  border:1px #C9C9A7 solid;
  background-color:#EEE;
} 

.Tabstyle3 h5{ 
  border-bottom:1px #C9C9A7 solid;
  padding:4px;
  margin:0;
  text-align:center;
  color:#00337F;
  font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
} 

.Tabstyle3 p{ 
    border-bottom:1px #C9C9A7 solid;
    padding:2px;
    margin:4px;
    text-align:left;
    font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
}  

.login_tab{
    margin:10px 0;
    padding:5px;
}

.login_tab_button{
    margin:0 100px 10px;
    padding:5px 30px 0;
}

.support_sty{
    margin:20px;
}

.support_sty h4{
    color:#333333;
    font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
} 

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	width:500px;
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 1em Arial;
	color:#333;
	background-image:url(../images/pannel/col-close-back1.gif);
	background-repeat:no-repeat; 
	line-height:30px;
	height:30px;
	margin: 0px;
	padding: 2px 30px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	font: 13px/1.3 Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-image:url(../images/pannel/col-open-back1.gif);
	background-repeat:no-repeat;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover {
	background-image:url(../images/pannel/col-close-hover1.gif);
	background-repeat:no-repeat;
	color:#FFF;
}

.CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-image:url(../images/pannel/col-open-hover1.gif);
	background-repeat:no-repeat;
	color:#FFF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {

}


#header,#pagefooter,#container,#topheader,#toppic,#header {
    margin:0 auto;
    width:770px;
} 

#pagefooter_ind{
    clear:both;
    height:80px;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

#pagefooter{
    clear:both;
    height:80px;
	padding: 10px 0 10px 0;
	margin: 0;
	line-height: 1.8em;
}
	
#pagefooter p,#pagefooter_ind p{
    background: #FFF;
    font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
}

#topheader {
    background-color:#023380;
    width:770px;
    height:60px;
    padding:0;
}   

#topheader #toph1{
    float:left;
    width:250px;
	margin-left:10px;
}
   
#topheader #toph2{
    float:left;
    width:200px;
}

#topheader #toph3{
    float:right;
    width:220px;   
    padding-top:5px;
    padding-right:10px;
}
   
#topheader #toph1 p{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#fff;
    font-weight:bold;
    text-indent:0;
	margin-top:10px;
	margin-bottom:10px;
}
 
#topheader #toph2 p{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#A31A17;
    font-weight:bold;
    text-indent:0; 
}
   
#topheader #toph3 p{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#fff;
    text-indent:0;
    text-align:right; 
}

#topheader #toph1 a:link,#topheader #toph1 a:visited {
   font-size:18px;
   color:#fff;
   text-decoration:none;
   font-weight:bold;
}

#topheader #toph1 a:hover,#topheader #toph1 a:active{
   font-size:18px;
   color:#eee;
   text-decoration:none;
   font-weight:bold;
}
   
#topheader #toph3 a:link,#topheader #toph3 a:visited {
   font-size:13px;
   color:#fff;
   text-decoration:none;
}

#topheader #toph3 a:hover,#topheader #toph3 a:active{
   font-size:13px;
   color:#eee;
   text-decoration:none;
}

#container #left{
   border:1px solid #C9C9A7;
   width:74%;
   float:left;
   margin:1px 10px 10px 0;
   padding:20px 5px 10px 5px;
}

#container #left .footer p {
  color:#888;
  text-align:right;
  display:block;
  padding:5px 10px 5px;
  margin:-0.5em 0 0 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px
  }	
  
#container #right{
   width:23%;
   float:left;
   margin:1px 0 10px 0;
   padding:0;
}

#container #left img{
   float:left;
   margin:5px 30px 20px;
}

#container #left h4{
   color:#003196;
   padding:5px 0px 0px 30px;
   margin:0;
}

#container #left p{
   padding:0px 20px 20px 20px;
   margin:20px;
}

#header,#container,#toppic{
   clear:both;
   }
   
#contact_tab {
   padding:5px 0px 5px 100px;
   margin:0 auto;
}  
  
#contact_tab table {
	color: #565;
	font: 12px arial;
}

#contact_tab tr{
	background-color: #beb;
}	

#contact_tab td {
	border-bottom: 2px solid #B3DE94;
	border-top: 3px solid #FFFFFF;
	padding: 9px;
}

#contact_tab tr:hover,
#contact_tab tr.hover{
	background-color: #595;
	color:#fff;
}

#products_sty,#functions_sty{
    margin:30px;
}
#trial_sty{
    border:1px solid #C9C9A7;
    padding:20px 5px 10px 5px;
	height:700px;
	margin:1px 0 0 0;   
}

#trial_sty img{
    float:left;
    margin:0 5px 5px 0;
}

#trial_sty p{
    padding:0px 20px 20px 20px;
    margin:10px;
}

#trial_sty h4 {
   color:#003196;
   padding:5px 5px 2px;
   margin:0;
}

#login_tab,#login_tab2{
   width:450px;
   margin:0 30px 10px;
   padding:5px;
   border:1px solid #EBEAEE;
}

#login_tab h4{
   padding:2px;
   border-top: 1px solid #FFFFFF; 
   border-left: 1px solid #FFFFFF; 
   border-right: 1px solid #EBEAEE; 
   border-bottom: 1px solid #EBEAEE;
   text-align:left;
   font-size: 12px;
   font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
   color: #999;
}

#login_tab2{
   height:150px;
   background-color:#D8E9EC;
}
#login_tab2 img{
   float:left;
   margin:0 5px 5px 0;
}

#login_tab p{
   margin:0;
   padding:2px;
   border-top: 1px solid #FFFFFF; 
   border-left: 1px solid #FFFFFF; 
   border-right: 1px solid #EBEAEE; 
   border-bottom: 1px solid #EBEAEE;
   text-align:left;
   font-size: 12px;
   font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
   color: #333;
}

#choose_fr p{
   margin:0;
}

#choose_fr img{
    float:left;
	margin-bottom:0;
	margin-right:0;
}

#article_sty h4{
    text-align:center;
	color:#000000;
}

#article{
    color:#999999;
	font-size:12px;
	border-bottom:1px #999999 bolid;
	margin:0,auto;
	text-align:center;
	padding-top:5px ;
	padding-bottom:5px;
	
}

#faq{
    margin:0;
	padding:0;
}

#faq p{
    color:#484848;
}

/* common styling */


#ide {
  width:770px;
  margin:0 auto;
  padding:0;
  background-color:#fff;
  
}

.pel{
  background-color:#f2f6fb;
}

.pel2{
  background-color:#f2f6fb;
  height:440px;
}

.news{
  color:#000;
  margin:0 50px 0;
  padding:0 5px 0;
  border-bottom:1px #333 dotted;
}  

.news h5{
  padding:0;
}

.news p{
  margin:0 10px 0;
  padding:0;
}

.news_tim{
  color:#ff0000;
  font-size:12px;
}

.news_tel{
  font-weight:bold;
  color:#003480;
}
.news_link{
  font-weight:bold;
}
.foottit{
  text-align:right;
  font-size:12px;
  border-bottom:1px #333 dotted;
}

#sitemap_sty {
  margin:30px;
}

#sitemap_sty li a:link, #sitemap_sty li a:visited {
  color:#484848;
  text-decoration: none;
  font-weight:bold;
}

#sitemap_sty li a:hover, #sitemap_sty li a:active {
  color:#003480;
  text-decoration:underline;
  font-weight:bold;
}

#formwrapper {
    width:450px;
    margin:10px auto;
    padding:10px 5px 10px 5px;
    text-align:left;
    border:1px #1E7ACE solid;
}

fieldset {
    padding:10px;
    margin-top:5px;
    border:1px dotted #999;
    background:#fff;
}

fieldset legend {
    color:#000;
    padding:3px 20px 3px 20px;
    border:1px dotted #999;    
    background:#fff;
}

fieldset label {
    float:left;
    width:420px;
    text-align:left;
    padding:4px;
    margin:1px;
}

fieldset div {
    clear:left;
    margin-bottom:2px;
}

.enter{ text-align:center;}
.clear {
    clear:both;
}
.new{
    color:#ff0000;
}

.search_field { 
	background: #fff url(searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 10px;
	margin: 5px 0;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

/* left side
   --------- */

.left {
	float: left;
	width: 60%;
	margin: 0 0 10px 0;
}

.left h3 {
	clear: both;
	background:#A9C0CE url(../images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
}

.left_side {
	float: left;
	width: 270px;
	padding: 0 5px;
	margin: 10px 0;
}
		
.left_side a, .right_side a { color: #414141; background: #FFF; }
		
.right_side {
    float: right;
	width: 220px;
	background: #FFF url(../images/dotted.gif) repeat-y;
	color: #414141;
	padding: 0 5px 0 8px;
	margin: 10px 0;
}
		
.left_box{ 
    margin: 0 0 10px 0; 
	color: #000; 
	background: #fff; 
	padding: 3px 0; 
	}

  
.left_box img{
  float:left;
} 

.left_box1 img{
  float:right;
}

.main {
  padding:5px;
  margin:0;
  }

.main p{ 
  padding:4px 5px 2px;
  margin:0;
  }

.footer{
  padding:0;
  margin:0;
  }

.footer p{
  color:#888;
  text-align:right;
  display:block;
  padding:5px 10px 5px;
  margin:-0.5em 0 0 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px
  }
  			
/* right side
   ---------- */
		
.right_ind {
	float: right;
	width: 39.6%;
	margin: 0 0 10px 0;
}

.right_ind h3 {
	background: #6C757A  url(../images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

.right_ind a:link,.right_ind a:visited {
  color: #414141;
  text-decoration:none;
}

.right_ind a:hover,.right_ind a:active{
  color:#A31A17;
  text-decoration: underline;
}

.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}

.right_articles ul{
  padding:4px; 
  margin:0;
  list-style-type: none;  
  font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
}

.right_articles li{
  margin:3px 20px 0;
  list-style-image: url(../images/arrow_title.gif);
  font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
}	
.image {
	float: left;
	margin: 0 9px 3px 0;
}

.tra_box_sty{
    width:760px;
	height:240px;
}

.tra_con_sty{
	padding:0px 30px 5px 30px;
    margin:0 0 0 30px;
	font-size:12px;
	font-weight:bold;
	color:#003480;
}


<![endif]-->