/* -------------------------------------------------------------------------   Screen CSS for Craf Animations-------------------------------------------------------------------------- */







body    { background: #b7b7b7 url(../images/bg.gif) repeat-y center top; color: #000; text-align: center; font-family: arial, sans-serif; font-size: 12px; }







a       { color: #00aef0; text-decoration: none; }







a:hover { color: #00aef0; text-decoration: underline; }







h1      { font-size: 30px; }







h1 a    { color: #00aef0; }







h2      { font-size: 22px; color:#555; font-weight: bold; padding-bottom: 5px; padding-top: 5px; }







p       { line-height: 150%; }







em      { color: #f68220; background: #eee; }







img.right       { float: right; margin-top: 15px; padding-left: 10px;}







strong { font-weight:bold; color:#333 }















/* layout */























#wrapper { width: 960px; margin: 0 auto; text-align:left; padding: 10px; background: #fff; }



#header {width: 960px; height: 110px; background: #000; position: relative; }



#logo { margin-left: 15px;}







#navigation .searchform { text-align:right; padding-left: 15px; }

#navigation .searchform .text{ vertical-align: top; font: Arial, Helvetica, sans-serif 12px; margin: 0px; padding: 1px 0px 1px 0px; }

#navigation .searchform .submit { vertical-align: top; background: transparent url(../images/search_button.png) no-repeat center top; width: 20px; height: 20px; border: 0px; text-indent: -1000em; cursor: pointer; cursor: hand;}





#navigation { width:940px; position: absolute; bottom: 0; left: 0; }



#navigation ul { margin-left: 10px; }



#navigation li { list-style: none; float: left; }



#navigation li a { color: #fff; font-size: 12px; display: block; padding: 10px;}

#navigation li.sub_menu { padding-left: 10px; }

#navigation li a:hover { color: #00aef0; text-decoration:none;}



#navigation li.selected a { color: #f68220; }



#navigation .submenu { padding: 12px 0 0 0; margin: 0 0 0 0;  }



#navigation .submenu li a { color: #FFFFFF; }



#navigation .submenu li a:hover { color: #00aef0; }



#navigation li li { float: none; line-height:120%; margin:0; padding:0; }



#navigation li li a { padding: 0;}



#navigation ul ul { margin-left: 0px; padding-bottom: 15px; }





#navigation #toolsmenu { float:right; padding-top: 5px; color:#FFFFFF;}



#navigation #toolsmenu .menu { margin: 5px 5px 0 5px; color:#FFFFFF; font-size: 11px;  }



#navigation #toolsmenu li a { font-size: 11px; margin: 0px; padding: 0px;}



#navigation #toolsmenu li a:hover { color: #00aef0; text-decoration:none;}



#navigation #toolsmenu li selected a { color: #f68220; }



#navigation #logoarea { float:left; padding-bottom: 7px; }


#navigation #shareicons { float:right; color: #FFF; width: 324px; font-size: 9px; vertical-align: middle; }

#navigation #shareicons .shareicon { width: 108px; float: left; }
#navigation #shareicons td.icon { text-align: right; padding-right: 5px; }


#top { width: 960px; height: 220px; background: #0f0f0f; text-align: left; }



#top-banner { width: 720px; height: 220px; float: left; }



#top-form { width: 240px; height: 220px; float: left; background: #262626 url(../images/bg-top-form.jpg) no-repeat 0 0; }
#top-form ol { list-style-type:none; }













#subpage #leftmenu { background-color:# d2d2d2; height:inherit; }



#subpage #leftmenu ul { list-style-type:none; padding:0; margin:0; }



#subpage #leftmenu ul ul { list-style-type: none; padding: 6px 0; }



#subpage #leftmenu ul ul ul { list-style-type: none; padding: 0; }







#subpage #leftmenu ul li { background: #f3f3f3 url(../images/leftmenu-toplevel.png) no-repeat 0 0; min-height: 31px; line-height: 31px; list-style: none; padding-left: 30px; padding-top: 0; padding-bottom: 0; }



#subpage #leftmenu ul li li { background: none; min-height: 0; line-height: 1.4em; list-style: none; padding-left: 0; }



#subpage #leftmenu ul li li li {  }







#subpage #leftmenu ul li a { color: #006084; font-weight: bold; text-transform: none; }



#subpage #leftmenu ul li.current li a { color: #585858; font-weight: bold; text-transform: uppercase; }



#subpage #leftmenu ul li.current li li a { color: #4187a2; font-weight: normal; text-transform: none;  }







#subpage #leftmenu ul li.current { background: #f3f3f3 url(../images/leftmenu-toplevel-active.png) no-repeat 0 0; }



#subpage #leftmenu ul li li.current { background: none; }



#subpage #leftmenu ul li li li.current { background: none; }







#subpage #leftmenu ul li.current a { color: #444444; }



#subpage #leftmenu ul li li.current a { color: #585858; }



#subpage #leftmenu ul li li li.current a { color: #f58220; }







/* content */















h2.col { text-align: left; padding-left: 10px; color: #fff; font: bold 18px/40px arial; text-transform: uppercase; }















#products p, #spotlight p, #news p { padding: 0 10px 1em 10px; line-height: 1.3;}



#products hr { border-color: #999999; border-width: 0px 0px 1px 0px; margin-right: 10px; }



#products { float: left; width: 480px; padding: 0 0 0 0; }











#products h2.col { background: url(../images/bg-heading-products.jpg) repeat-x; display: block; height: 40px;}







/* #products p { margin-top: 20px; } */







#products .pageTitle { color: #00aeef; font: bold 20px/24px arial; padding: 14px 0 10px 10px; }







#products h3 { color: #f58220; font: bold 14px arial; padding: 0 0 0 10px; }







#products td { vertical-align: top; }











.product { background: url(../images/bg-product.gif) no-repeat; height: 261px; width: 480px; }















#spotlight { float: left; width: 240px; background: #d2d2d2; padding-bottom: 10px; }







#spotlight p { padding: 0 10px; }







#spotlight h2.col { background: url(../images/bg-heading-spotlight.jpg) repeat-x; display: block; height: 40px;}







#spotlight img { padding: 20px 10px 10px 10px; }







#spotlight h3 { color: #00aeef; font: bold 16px/20px arial; padding: 0 10px;}















#news { float: left; width: 240px; }







#news h2.col { background: url(../images/bg-heading-news.jpg) repeat-x; display: block; height: 40px;}







#news p.date { color: #f68220; margin: 0; padding: 18px 20px 0 20px;}







#news h3 { color: #00aeef; font: bold 16px/20px arial; padding: 0 20px; }







#news p { padding: 0 20px; }







#news p.readmore { line-height: 20px; color: #f68220; margin: 0; padding: 0 20px 0 32px; background: url(../images/icon-readmore.gif) no-repeat 19px 6px;}







#news hr { border: 0; border-top: 1px solid #ccc; background: none; margin: 10px 10px -6px 10px;}















#subpage { float: left; width: 960px; }







#subpage h2.col { background: url(../images/bg-heading-news.jpg) repeat-x; display: block; height: 40px; position:relative; left: 720px;}





#subpage #container3 {

    float:left;

    width:100%;

	background: #FFF;

    overflow:hidden;

    position:relative;

}

#subpage #container2 {

    float:left;

    width:100%;    

    position:relative;

    right:220px;

}

#subpage #container1 {

    float:left;

    width:100%;

    background-color: #d2d2d2;

    position:relative;

    right: 500px;	

}

#subpage #leftcol {

    float:left;

    width:240px;

    position:relative;

    left: 720px;	

}

#subpage #maincol {

    float:left;

    width:460px;

    position:relative;

    left: 720px;	

}

#subpage #rightmaincol {

    float:left;

    width:700px;

    position:relative;

    left: 720px;	

}

#subpage #rightcol {

    float:left;

    width:220px;

    position:relative;

    left: 720px;
	
	padding-top: 80px;

}





#subpage #leftcol {  min-height:100px;  padding-bottom:25px; }


#subpage #maincol {  min-height:100px;  padding: 0 20px 25px 20px; }
#subpage #rightmaincol {  min-height:100px;  padding: 0 0px 25px 20px; }



#subpage #rightcol {  min-height:100px;  padding-bottom:25px; }







#subpage li { padding: 0px 0px 8px 0px; }

#subpage li { line-height:120%; padding-left: 15px; list-style-position:inside;}



#subpage #tabs li { list-style:none; padding-left:10px; padding-right:10px; }







#subpage p, #subpage td{ line-height: 1.3; }







#subpage th {



	border: 1px solid;



	border-color: #becfd6 #becfd6 #dce6ea;



	color: #32566c;



	background: #e9f3f7;



	padding: 10px;



	font-weight:bold;



	}







#subpage td {



	padding: 10px;



	border: 1px solid #d6d6d6;	  



	}



	



#subpage .svFlvPlayer p { padding: 0px; margin: 0px; }

#subpage .svFlvPlayer td { padding: 0px; margin: 0px; border: 0px; }



#subpage #pOrderSummary { float: right; margin-top: 10px; }



#subpage .Order .OrderCol { width: 60px; }



#subpage .OrderTotal { float: right; width: 245px; }

#subpage .OrderTotal .OrderLineTotal { width: 60px; }

#subpage .OrderTotal .OrderLineName { width: 145px; }



#subpage #OrderRegister { float: left; background: #e9f3f7; border: 1px solid #becfd6; padding: 10px; width:350px; }

#subpage #OrderLogin { float: left; background: #e9f3f7; border: 1px solid #becfd6; padding: 10px; margin-right: 20px; margin-bottom:20px; width:350px; }



#subpage #OrderRegister td, #subpage #OrderLogin td, #subpage .OrderUp2Date td{ border: 0px; margin: 0 0 0 0; padding: 0 0 0 0; }

#subpage #OrderRegister .title, #subpage #OrderLogin .title{ text-align:right; padding-right: 15px;}



#maincol .pageTitle, #rightmaincol .pageTitle { color: #00aeef; font: bold 24px/26px arial; padding-bottom:10px; }



/* CDS PRODUCT PAGES */



#cds_main { float: left; width: 960px; background-color: #212121; color: #FFF; }
#cds_main #cds_toplogo { height: 86px; width: 958px; border: 1px solid #000; }
#cds_main #cds_toplogo img { padding: 5px 0px 70px 20px; vertical-align: middle;}
#cds_main #cds_toplogo #fb_top { padding: 13px 0 0 495px; border: 1px solid #333; }

#cds_main #cds_product_list { background: url(../images/bg-cds-list.png) repeat-x; height: 453px; width: 744px; }

#cds_main h2 { color: #FFF; padding: 30px 0 10px 0; }
#cds_main #cds_title h2.title { color: #f58220; }
#cds_main h2.col { background: url(../images/bg-heading-news.jpg) repeat-x; display: block; height: 40px; padding: 5px 0 0 10px; }
#cds_main p { padding: 5px 0 0 0; line-height: 125%; }
#cds_main h3 { padding: 10px 0 0 0; line-height: 125%; font-weight: bold; color: #f58220; }
#cds_main a{ color: #00aeef; }

#cds_main #crumblist { padding: 0 0 10px 20px; float: left; }

#cds_main #one-col { padding: 0px 20px 0px 20px; }
#cds_main #left-col { padding: 0px 10px 20px 20px; width: 550px; float: left; }
#cds_main #right-col { padding: 0px 20px 20px 10px; width: 280px; float: right; }
#cds_main #middle-col { padding: 0px 10px 20px 10px; }

#cds_main #cds_list #cds_pro  { background: url(../images/bg-cds-list-pro.png) repeat-x; width: 744px; height: 453px; float: left; line-height: 110%; }
#cds_main #cds_list #cds_pro h2.col { background: url(../images/bg-heading-news.jpg) repeat-x; }
#cds_main #cds_list #cds_pro table { margin: 0 0 0 15px; width: 723px; }

#cds_main #cds_list #cds_free h2.col { background: url(../images/bg-heading-free.png) repeat-x; }
#cds_main #cds_list #cds_free  { background: url(../images/bg-cds-list-free.png) repeat-x; width: 216px; height: 453px; float: left; line-height: 110%; }
#cds_main #cds_list #cds_free table { margin: 0 0 0 25px; width: 178px; }

#cds_main #cds_list .box td, #cds_main #cds_list .text td { width: 178px; padding: 0px 10px 10px 0px;  }
#cds_main #cds_list #cds_pro .price td { padding-bottom: 10px; }
#cds_main #cds_list #cds_pro .price span { color: #66cc33; }
#cds_main #cds_list #cds_free .price td { width: 90px; }
#cds_main #cds_list .title { font-weight: bold; color: #f58220; }
#cds_main #cds_list .producttitle { color: #00aeef; }



#cds_main #cds_testimonials { width: 450px; padding: 0 10px 0 20px;  float: left; }
#cds_main #cds_demo_reel { width: 450px; padding: 0 20px 0 10px; float: left; }
#cds_main #cds_what_is { width: 620px; padding: 0 10px 0 20px;  float: left; }
#cds_main #cds_menu { width: 280px; padding: 0 20px 0 10px;  float: left; }
#cds_main #cds_add-ons { width: 920px; padding: 0 20px 0 20px; float: clear; }
#cds_main #cds_add-ons img { vertical-align: middle; }
#cds_main #cds_add-ons table { width: auto;}
#cds_main #cds_add-ons td { width: 210px; vertical-align: top;}

#cds_main #cds_host_systems { background: #303030; height: 46px; padding: 12px 0 0 20px; font-size: 14px; font-weight: bold; color: #f58220;  }
#cds_main #cds_host_systems table{ width: 744px; }
#cds_main #cds_host_systems td{ vertical-align: middle; }

#cds_main .cds_table { width: 100%; border-collapse:separate; border-spacing: 1px; line-height: 130%; }
#cds_main .cds_table tr, th, td { vertical-align: middle;  }
#cds_main .cds_table td{ height: 24px; text-align: center; }

#cds_main .cds_table_bundle_name_row td{ width: 80px; vertical-align: top; color: #00aeef; font-weight: bold; padding: 8px 0px 8px 0px; }

#cds_main .cds_table_price_annual td{ color: #42c900; font-weight: bold; }
#cds_main .cds_table_price_perpetual td{ color: #f58220; font-weight: bold; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; }
#cds_main .cds_table_price_perpetual th{ font-weight: bold; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; }

#cds_main .cds_table_price_up2date td{ color: #00aeef;  }
#cds_main .cds_table_price_total_value td{ font-size: 11px; padding-bottom: 10px; }
#cds_main .cds_table_licensetype { text-align: right; font-weight: bold; color: #FFF; }

#cds_main .cds_table_title_row { text-align: left; font-weight: bold; background-color:#4a4a4a; margin-left: 20px; padding-left: 10px; height: 24px; color: #f58220; }


#cds_main .cds_table_product_row { background-color: #252525 }
#cds_main .cds_table_product_row .cds_table_productname {padding-left: 10px; text-align: left; height:24px; width: 300px; vertical-align: middle; border: none;  }

#cds_main #cds_product { background: url(../images/cds_product_bg.jpg) repeat-x; width: 960px; height: 302px; float: left; line-height: 110%; }
#cds_main #cds_product_box { width: 390px; height: 302px; float: left;  }
#cds_main #cds_product_license {  width: 570px; padding-top: 25px; float: left;  }
#cds_main #cds_product_license td{ padding: 0 20px 10px 0; line-height: 130%; vertical-align:top; }
#cds_main #cds_product_license .text td{ padding-top: 0px; }
#cds_main #cds_product_license .license_title{  font-size: 18px; padding-bottom: 5px;   }
#cds_main #cds_product_license .license_type{ color: #00aeef; font-size: 14px;  }
#cds_main #cds_product_license .price{ color: #66cc33; font-size: 13px; padding-bottom: 20px;  }
#cds_main #cds_product_text { width: 550px;  float: left; }
#cds_main #cds_product_includes { }
#cds_main #cds_product_includes img { vertical-align: middle; }
#cds_main #cds_product_includes table { width: auto;}
#cds_main #cds_product_includes td { width: 210px; vertical-align: top;}


/* END CDS PRODUCT PAGES */



#sysFirstpageSpotlightList .title { color: #00aeef; font: bold 16px/20px arial; padding: 0 10px; }







#sysFirstpageSpotlightList .readMore { line-height: 20px; color: #f68220; margin: 0; padding: 3px 10px 0 22px; background: url(../images/icon-readmore.gif) no-repeat 9px 6px; }















#sysFirstpageNewsList { float: left; margin: 0 10px 0 0px; }







#sysFirstpageNewsList .title { color: #00aeef; font: bold 16px/20px arial; padding: 0 0px; }







#sysFirstpageNewsList .releaseDate { color: #f68220; margin: 0; padding: 6px 0 3px 0px; font-size: 11px;}







#sysFirstpageNewsList .readMore { line-height: 20px; color: #f68220; margin: 0; padding: 3px 20px 0 12px; background: url(../images/icon-readmore.gif) no-repeat 0px 6px; }







#sysFirstpageNewsList dl .first { padding-bottom:10px; border-bottom: 1px solid #CCCCCC; }







#sysFirstpageNewsList dl { padding-top:10px; padding-bottom:10px; margin-left: 10px; border-bottom: 1px solid #CCCCCC; }







#sysFirstpageNewsList p { margin-left: 0px; padding-left: 0px; }



#sysFirstpageNewsList dd.image { margin-left: 0px; padding-left: 0px; }















#footer { clear: both; width: 950px; height: 16px; background: #444444; padding-top:4px; text-align:right; padding-right:10px; color: #FFFFFF; font-size:80%; }















.svMailingList { color:#FFFFFF; padding-left:20px; padding-top:10px;  width: 200px; }





.svMailingList h3 { font: bold 14px arial; margin-bottom:3px; text-transform:uppercase; }



.svMailingList .buttons { padding-top:2px; padding-left: 72px; }



.svMailingList label { font-size: 10px; padding: 0px 0 0px 0; }



.svMailingList input{ vertical-align: middle; font: Arial, Helvetica, sans-serif 12px; margin: 3px 0 3px 0; padding: 1px 0px 1px 0px; }

.svMailingList .submit { vertical-align: middle;  background: transparent url(../images/subscribe_button.png) no-repeat center top; width: 73px; height: 20px; border: 0px; text-indent: -1000em; cursor: pointer; cursor: hand; } 















/*.submenu a { margin: 0px 0px 5px 0px; font: 8px/12px arial; color:#FF0000; }







.submenu a:hover { color:#ff0000; } */







.submenu .title {color: #f68220; font: bold 12px/16px arial; text-transform:uppercase; display:block; }















#maincol p, #rightmaincol p  {padding-bottom:15px;}














/* tables */















table { width: 100%; padding: 5px 0 5px 0; border-collapse:collapse;}







td { border-bottom: 0;}







td.title { font-weight: normal;}







td.hours { text-align: left;}







td.price { text-align: right; width: 70px;}







/* Portal */



#svPortal dl{

	padding-bottom: 5px;

}



#svPortal dl.hasImage{

	padding-bottom: 10px;

}



/* End Portal */





/* Gallery */



#svGallery {

	border-top: 2px solid #e6e6e6;

	padding-top: 1.8em;

}



#svGallery li{

	list-style-type: none;

	padding-bottom: 10px;

}



#svGallery dl{	

	display: none;

}



/* End Gallery */







/* footer */















#footer { border-top: 1px solid #111; margin-top: 5px;}







#footer p { font: 10px/16px "Lucida Grande", verdana, arial, sans-serif; margin: 16px 0 0px 0; }






/* @group Nav - Breadcrumb===================================== */


#crumbList { color:#999; margin: 1em 0 1.5em; list-style:none; list-style-type:none; padding-left: 0px; padding-top:5px; padding-bottom:5px; font-size:85%;	}

#crumbList li { list-style:none; font-size: 1.1em; float:left; padding-left:0px;	}

#crumbList li a:hover { list-style:none; text-decoration: underline;	}

#crumbList .last a { color:#000 }


/* @end Nav - Breadcrumb-------------------------------- */